:root {
	--pv-bg: #070a12;
	--pv-surface: #111528;
	--pv-surface-2: #171c31;
	--pv-border: #29304a;
	--pv-text: #f7f9ff;
	--pv-muted: #aeb7cf;
	--pv-accent: #ff3d78;
	--pv-accent-2: #8a4dff;
}

body,
#page,
.site-content {
	background: var(--pv-bg);
	color: var(--pv-text);
}

.site-header {
	background: #090c16;
	border-bottom: 1px solid var(--pv-border);
}

.site-branding .logo img {
	display: block;
	width: clamp(220px, 28vw, 360px);
	height: auto;
	max-height: 80px;
	object-fit: contain;
}

.site-description,
.archive-description,
.entry-meta {
	color: var(--pv-muted);
}

.main-navigation,
.main-navigation ul ul,
.widget-title,
.page-header {
	background: var(--pv-surface);
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
	color: #fff;
	box-shadow: inset 0 -3px 0 var(--pv-accent);
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.label {
	background: linear-gradient(135deg, var(--pv-accent), var(--pv-accent-2));
	border: 0;
	color: #fff;
}

input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	background: var(--pv-surface-2);
	border-color: var(--pv-border);
	color: var(--pv-text);
}

.videos-list article,
.videos-list .video,
.post-thumbnail,
.widget {
	border-color: var(--pv-border);
}

.post-thumbnail,
.post-thumbnail img,
.post-thumbnail video {
	border-radius: 10px 10px 0 0;
}

.entry-title a,
.widget-title,
h1,
h2,
h3 {
	color: var(--pv-text);
}

a {
	color: #ff6b93;
}

a:hover,
a:focus {
	color: #b38bff;
}

@media (max-width: 767px) {
	.site-branding .logo img {
		width: min(300px, 82vw);
		margin-inline: auto;
	}

	.site-branding {
		gap: 16px;
	}

	.site-description {
		text-align: center;
	}
}