/* Brefat Dark Edition — based on the original #0D0B1D reference background.
   The design intentionally retains the creator-portfolio layout & original animations. */
:root {
 --bg:#0d0b1d;
 --ink:#f7f4ff;
 --ink2:#e3ddf4;
 --textmuted:#bbb5cf;
 --purple:#aa83ff;
 --purple2:#c1a2ff;
 --violet:#bb9afa;
 --line:#342d4b;
 --dark:#120e25;
 --soft:#1d1833;
 --cream:#17132a;
 --surface:#181329;
 --surface2:#211a37;
 color-scheme:dark;
}
html { background:#0d0b1d; }
body {
 background:#0d0b1d;
 background-image:radial-gradient(ellipse 850px 680px at 93% 7%,rgba(100,54,180,.115),transparent 70%),radial-gradient(ellipse 700px 800px at -18% 29%,rgba(57,38,118,.10),transparent 70%);
 background-attachment:fixed;
 color:var(--ink);
}
::selection {background:#724ab4;color:#fff;}
:focus-visible {outline-color:#ae91ff;}
/* Header: subdued glass strip; keep navigation readable and accessible. */
.site-header {background:rgba(13,11,29,.92);border-bottom:1px solid rgba(161,125,242,.15);}
.site-header.scrolled {box-shadow:0 12px 34px #05030e92;background:rgba(11,10,26,.97);}
.brand strong {color:#f8f6ff}
.brand small {color:#b5abc9}
.brand-dot {color:#aa83ff}
.main-nav>a {color:#beb6d3}
.main-nav>a:hover,.main-nav>a.current {color:#fff}
.main-nav>a.current:after {background:#a880ff}
.reading-progress {background:linear-gradient(90deg,#ae86ff,#79d8da)}
.button-main {background:linear-gradient(110deg,#9a6cf1,#7850e1);color:#fff;box-shadow:0 10px 28px #663ac03d}
.button-main:hover {background:linear-gradient(110deg,#ad87ff,#875aec);box-shadow:0 16px 37px #8b54d84f}
.button-outline-dark {border-color:#6d5a90;background:#ffffff05;color:#f1ebff}
.button-outline-dark:hover {border-color:#b99aff;background:#a880ff1c}
.button-white {background:#f5efff;color:#1c1231}
.button-white:hover {background:#dcd0f4}
.button-dark {background:#241a42;color:#f7f2ff;border-color:#51406c;box-shadow:none}
.button-dark:hover {background:#302050}
.button-outline {border-color:#7b6a9c;color:#fff;background:#ffffff0b}
.button-outline:hover {background:#ad86ff1c}
/* Intro */
.hero-kicker,.eyebrow {color:#baa0ff}
.tiny-pulse {background:#a983ff;box-shadow:0 0 0 6px #a983ff20}
.hero-title {color:#f8f7ff}
.hero-title .name {background:linear-gradient(115deg,#aa84ff 10%,#d4b4ff 58%,#82dedc);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-title .name:after {background:#7e57cf26;z-index:-1}
.hero-dot {color:#a782e9}
.hero-description {color:#c5bed6}
.hero-description strong {color:#eee9ff}
.hero-trust {color:#aba1bf}
.tagline-line {background:#665a84}
.photo-blob {background:linear-gradient(140deg,#322052,#4b2a70 60%,#221939);box-shadow:0 18px 75px #160d38b0}
.photo-blob:before {border-color:#b19bdd38}
.photo-circles {border-color:#8163ae7c}
.photo-frame {border-color:#5e4a80;box-shadow:0 28px 66px #03020aaa;background:#19182a}
.photo-caption {background:#211a38;border:1px solid #604a80;box-shadow:0 15px 38px #060311bc}
.photo-caption b {color:#fff}
.photo-caption small {color:#c1b7d9}
.caption-dot {background:#a27cff}
/* Stats */
.numbers {background:linear-gradient(125deg,#1d1832,#181427);border-color:#3e3558;box-shadow:0 15px 56px #05031088}
.number-value {color:#b998ff}
.number-item>span {color:#c0b6d4}
.number-subscribe b {color:#faf7ff}
.number-subscribe small {color:#b7abc9}
.number-subscribe>svg {color:#b89aff}
.mini-play {background:#a87aff24;color:#c4a9ff}
/* Global sections and type */
.section-header h2,.course-copy h2,.about-writing h2,.contact-copy h2,.sub-hero h1,.not-found h1 {color:#f7f5ff}
.section-header h2 em,.about-writing h2 em {color:#c5a6ff}
.section-header p,.sub-hero>p,.about-writing>p,.not-found p {color:#beb6d0}
.text-link,.resource-cta,.focus-action,.explore-arrow,.article-link {color:#c3a5ff}
.breadcrumb {color:#b2a9c4}
.breadcrumb a:hover {color:#d9c7ff}
/* Video feature */
.video-feature {background:linear-gradient(145deg,#1b162e,#151225);border-color:#3e3555;box-shadow:0 15px 56px #04020c6e}
.video-feature h3 {color:#fff}
.video-feature p {color:#c3bcd0}
.video-poster {background:#1b1433}
.purple-label {background:#a77aff24;color:#d4c0ff}
.big-play {background:#ece3ff;color:#7e4aca}
.video-poster:hover .big-play {background:#fff}
/* Course / code */
.section-course {background:linear-gradient(110deg,#251847 0%,#1a1233 58%,#110e26)}
.course-copy h2 {color:#fff}
.course-copy>p {color:#cfc6de}
.course-quiet {color:#e0d0ff}
.course-sticker {background:#28213f;border:1px solid #67518c;color:#d8c3ff;box-shadow:0 20px 40px #050210aa}
.course-sticker strong {color:#f4ecff}
/* Articles */
.article-card {background:linear-gradient(150deg,#1d182e,#151225);border-color:#39304e}
.article-card:hover {border-color:#8f70cd;box-shadow:0 18px 50px #0006}
.article-index {color:#645378}
.article-category {color:#be9cfa}
.tone-blue .article-category {color:#9bd8e6}
.tone-gold .article-category {color:#efc48c}
.article-card h3 {color:#f5f2ff}
.article-card p {color:#bbb3cb}
/* Contact + footer */
.contact-band {background:linear-gradient(112deg,#281949,#1b1435 62%,#201640);border:1px solid #5c417f}
.contact-copy h2 {color:#fff}
.contact-copy h2 span {color:#d3b8ff}
.contact-copy p {color:#d4cbe3}
.footer {background:#0b091a;border-top:1px solid #3a3052}
.footer-brand p {color:#b9afca}
.footer-menu h3 {color:#eee8fa}
.footer-menu a {color:#c2b8d0}
.footer-menu a:hover {color:#dfcaff}
.footer-bottom {color:#a69ab9}
.footer-bottom a {color:#c9a9ff}
.back-top {background:#8f65e2}
/* Subpages */
.link-tile,.topic-item {background:#1a152c;border-color:#3b3152}
.link-tile:hover,.topic-item:hover {border-color:#9d79cf;box-shadow:0 16px 42px #02010980}
.tile-icon {background:#a87cff26;color:#d0b6ff}
.link-tile h3,.topic-item h3 {color:#f5f0ff}
.link-tile p,.topic-item p {color:#bdb4d0}
.topic-item>span {color:#9879ce}
.about-photo {background:#201833;box-shadow:0 20px 55px #04021180}
.about-badges span {background:#aa81ff22;color:#d9baff;border:1px solid #665084}
.not-found>strong {color:#7958ab}
/* Brefat Plus sections */
.gradient-purple {background:linear-gradient(110deg,#b592ff,#87deda);background-clip:text;-webkit-background-clip:text;color:transparent}
.focus-card {background:linear-gradient(145deg,#1c172f,#151226);border-color:#3e3457;box-shadow:0 12px 30px #04030d70}
.focus-card:hover {border-color:#997bd1;box-shadow:0 20px 48px #050211aa}
.focus-index {color:#aba0c0}
.focus-icon {background:#a77aff20;color:#c5a5ff}
.focus-sac .focus-icon {background:#58d4dd1b;color:#8de1e7}
.focus-data .focus-icon {background:#deb46d1c;color:#efca92}
.focus-card h3,.explore-card h3,.free-card h3,.starter-panel h2 {color:#f6f3ff}
.focus-card p,.explore-card p,.free-card p,.starter-panel p {color:#bfb6d0}
.focus-action {color:#c6a8ff}
.explore-card {background:linear-gradient(135deg,#24203e,#1c1734);border-color:#554473}
.explore-card:hover {border-color:#9878c9;box-shadow:0 20px 45px #04030a70}
.explore-assembly {background:linear-gradient(135deg,#152c32,#14262f);border-color:#376064}
.explore-assembly:hover {border-color:#75c6be}
.explore-icon {background:#30264a;color:#d1b4ff;box-shadow:none}
.explore-assembly .explore-icon {background:#284247;color:#94e4da}
.explore-label {color:#bfa4eb}
.explore-arrow {color:#cbafff}
.section-free {background:#110e22}
.section-free:before {background:radial-gradient(ellipse at 10% 25%,#512c8740,transparent 52%)}
.free-card {background:linear-gradient(150deg,#1d1830,#151225);border-color:#3c3154}
.free-card:hover {border-color:#9b79d0;box-shadow:0 20px 45px #03020ca8}
.resource-symbol {background:#ad83fa22;color:#cbb0ff}
.free-card:nth-child(2) .resource-symbol {background:#2a656525;color:#87e2d5}
.free-card:nth-child(3) .resource-symbol {background:#af7d3625;color:#f2c98d}
.free-kind {color:#b6a0cc}
.free-card h3 {color:#f7f3ff}
.resource-cta {color:#d2b7ff}
.resource-note {color:#aea3c0}
.inline-resource-note {background:#241c3a;border-color:#5c4978}
.resource-note-icon {background:#a17be828;color:#d1b2ff}
.inline-resource-note strong {color:#f8f3ff}
.inline-resource-note p {color:#bbb2cc}
.starter-panel {background:#1b162e;border-color:#463859;box-shadow:0 15px 40px #05031175}
/* Friendly mobile styles */
@media(max-width:950px) {
 .main-nav {background:#18132c;border-bottom-color:#453553;box-shadow:0 24px 45px #0008}
 .main-nav>a.current {background:#a17cff26;color:#f7efff}
 .nav-toggle {background:#28203f;color:#f5efff;border:1px solid #55446e}
}
@media(max-width:720px) {
 .site-header {background:rgba(12,10,27,.97)}
 .numbers {background:#1a162d}
 .photo-caption {background:#251d3b}
}
@media(prefers-reduced-motion:reduce) {body {background-attachment:scroll}}