/* RawFit v3 — black theme.
   Loaded last. Same layout, motion and blue gradient buttons as the white + blue glass site; only the
   surfaces flip: white areas become black, black type becomes white. Glass turns to smoked glass. */
:root{
  --bg:#000000;
  --surface:#0B0E14;
  --ink:#FFFFFF;
  --text:#C3CBD8;
  --muted:#8A95A8;
  --text-2:#A9B3C3;
  --line:rgba(255,255,255,.10);
  --ice:rgba(31,91,255,.20);
  --deep:#D6E4FF;
  --blue-text:#7AA7FF;              /* blue used as text on black (the button blue is too dark to read) */
  --grad-text:linear-gradient(120deg,#5B8CFF 0%,#4F9BFF 55%,#38BDF8 100%);
  --glass-bg:rgba(16,20,28,.58);
  --glass-bg-strong:rgba(14,17,24,.82);
  --glass-on-photo:rgba(0,0,0,.28);
  --glass-border:1px solid rgba(255,255,255,.10);
  --glass-hi:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.35);
  --shadow:0 24px 60px -24px rgba(0,0,0,.9);
  --shadow-sm:0 10px 28px -14px rgba(0,0,0,.85);
  color-scheme:dark;
}
::selection{background:#1F5BFF;color:#fff}

/* page field: black, with the faintest blue glow drifting behind */
.ambient{background:radial-gradient(1200px 600px at 50% -10%,rgba(31,91,255,.10) 0%,rgba(31,91,255,0) 70%),#000}
.blob{opacity:.10}

/* smoked glass */
.glass,.glass-strong{background:linear-gradient(180deg,rgba(22,27,37,.82),rgba(12,15,21,.74))}
.glass-strong{background:linear-gradient(180deg,rgba(24,29,40,.92),rgba(14,17,24,.86))}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .glass{background:rgba(14,17,24,.94)}
  .glass-strong{background:rgba(14,17,24,.97)}
}

/* buttons keep their colours: blue gradient primary, white secondary with dark label */
.btn-glass{color:#0B1B33}

/* header + dock */
.topbar.is-scrolled .topbar-pill{background:rgba(10,12,18,.78);box-shadow:var(--glass-hi),0 16px 40px -18px rgba(0,0,0,.9)}
.topnav a:hover,.dock a:not(.btn):hover,.footer-links a:hover,.footer-meta a:hover{background:rgba(255,255,255,.07);color:#fff}
.topnav a.is-active,.dock a.is-active{background:rgba(31,91,255,.22);color:#fff}
.loc-pill{background:rgba(255,255,255,.08)}
.loc-pill svg{color:var(--blue-text)}

/* blue text on black */
.text-link,.info a,.card-body .tag,.chip .tag{color:var(--blue-text)}
:focus-visible,.btn:focus-visible{outline-color:var(--blue-text)}

/* eyebrows */
.eyebrow{background:rgba(31,91,255,.14);border-color:rgba(122,167,255,.28);color:var(--deep)}

/* sections */
.marquee{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
.frame,.m{background:#10141C}
.frame::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.10)}
.m::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.card:hover{box-shadow:var(--glass-hi),0 30px 60px -24px rgba(0,0,0,.95),0 0 0 1px rgba(122,167,255,.18)}
.plan-list{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09)}
.footer{background:#000;border-top-color:rgba(255,255,255,.08)}

/* hero: black band, smoked pills; the portrait's own backdrop is black too */
.hero{--h-glass-bd:rgba(255,255,255,.12);--h-glass-sh:inset 0 1px 0 rgba(255,255,255,.08),0 20px 50px -20px rgba(0,0,0,.9);--h-deep:#D6E4FF}
.hero::before{background:#000;border-bottom-color:rgba(255,255,255,.06)}
.hero .hero-eyebrow,.hero .hero-trust{background:linear-gradient(180deg,rgba(26,31,42,.88),rgba(14,17,24,.8))}

/* plates floor: a dark stage with a blue horizon instead of the white plane */
.plates-floor::before{
  background:
    linear-gradient(90deg,rgba(59,130,246,0) 8%,rgba(59,130,246,.28) 30%,rgba(56,189,248,.42) 50%,rgba(59,130,246,.28) 70%,rgba(59,130,246,0) 92%) 0 46px/100% 1px no-repeat,
    radial-gradient(48% 46px at 50% 46px,rgba(56,189,248,.14),rgba(56,189,248,0) 100%) 0 0/100% 47px no-repeat,
    radial-gradient(60% 100% at 50% 46px,rgba(40,60,100,.45),rgba(20,30,52,.25) 45%,rgba(0,0,0,0) 100%) 0 46px/100% calc(100% - 46px) no-repeat;
}
.plates-floor::after{background:radial-gradient(closest-side,rgba(59,130,246,.22),rgba(56,189,248,.08) 52%,rgba(56,189,248,0))}
.btn-glass{background:#fff;border-color:#fff}
.btn-glass:hover{background:#EEF3FF}
