:root {
--space-top: #0e172a;
--space-flash: #12203f;
--space-bottom: #070b14;
--starlight: #f8fafc;
--starlight-muted: #cbd5e1;
--cosmic-blue-glow: #93C5FD;
--cosmic-halo: rgba(186, 230, 253, 0.2);
--black: #090f1d !important;
--white: #12203f !important;
}

html, body, body.p-article, .o-content, .o-container, .o-container--board, .o-section {
background-color: var(--space-top) !important;
background-image:
radial-gradient(circle at 50% 45%, rgba(186, 230, 253, 0.15) 0%, rgba(12, 32, 63, 0.4) 40%, transparent 70%),
linear-gradient(180deg, var(--space-top) 0%, var(--space-flash) 35%, var(--space-bottom) 100%) !important;
background-attachment: fixed !important;
color: var(--starlight) !important;
}

p, span, h1, h3, strong, li, time, .c-article__title, .c-article__summary, .c-article__text, .c-nav__text {
color: var(--starlight) !important;
}

.c-article__supratitle, .c-nav__text > a {
color: var(--starlight-muted) !important;
}

h2, .c-article h2, .c-article__text h2 {
color: var(--cosmic-blue-glow) !important;
font-weight: bold !important;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.25), 0 0 15px rgba(147, 197, 253, 0.2) !important;
}

.c-header, .c-header__middle {
background: rgba(14, 23, 42, 0.6) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border-bottom: 1px solid rgba(186, 230, 253, 0.15) !important;
box-shadow: 0 8px 32px var(--cosmic-halo) !important;
position: sticky !important;
top: 0;
z-index: 999;
}

.c-header__brand__logo {
fill: #ffffff !important;
filter: drop-shadow(0 0 6px rgba(186, 230, 253, 0.4)) !important;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
background-color: #ffffff !important;
}

a, .c-direct__keys li a, .c-listing li a {
color: var(--cosmic-blue-glow) !important;
text-decoration-color: rgba(147, 197, 253, 0.4) !important;
}

a:hover, .c-direct__keys li a:hover, .c-listing li a:hover {
color: #ffffff !important;
text-decoration-color: #ffffff !important;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}

.c-direct__keys ul li::before, .c-listing ul li::before {
background-color: var(--cosmic-blue-glow) !important;
box-shadow: 0 0 8px var(--cosmic-blue-glow);
}

figure, picture, img {
background-color: transparent !important;
}

.c-card, .c-card__list, .c-card__picture, .c-title__sidebar {
background-image: linear-gradient(90deg, rgba(147, 197, 253, 0.06) 25%, rgba(255,255,255,0) 0) !important;
border-color: rgba(147, 197, 253, 0.06) !important;
}