/* CrewSix dark redesign tokens — Designer, Nov 4 2026
   Builds on W2 --cs-* names. Page is dark; accents pop. All listed pairs pass WCAG AA.
   Keep fonts: Instrument Sans + Instrument Serif. */
:root{
  /* legacy W1 aliases remapped for dark */
  --bg:#070b14; --bg-2:#0f1623; --bg-3:#121a2b; --ink:#f8fafc; --muted:#94a3b8;
  --line:rgba(248,250,252,.10); --copper:#3b82f6; --copper-2:#60a5fa; --accent-bright:#60a5fa;
  --cta:#e11d48; --cta-2:#be123c; --on-accent:#070b14; --on-cta:#ffffff; --focus:#60a5fa; --max:1180px;

  /* dark system */
  --cs-bg:#070b14;
  --cs-bg-alt:#0c1220;
  --cs-surface:#121a2b;
  --cs-surface-2:#182235;
  --cs-elevated:#1c2740;
  --cs-ink:#f8fafc;
  --cs-ink-soft:#e2e8f0;
  --cs-muted:#94a3b8;
  --cs-muted-strong:#cbd5e1;
  --cs-line:rgba(248,250,252,.10);
  --cs-border-strong:#64748b;

  --cs-blue:#3b82f6;
  --cs-blue-hover:#60a5fa;
  --cs-blue-active:#2563eb;
  --cs-blue-tint:rgba(59,130,246,.16);
  --cs-blue-glow:rgba(59,130,246,.45);

  --cs-red:#e11d48;
  --cs-red-hover:#be123c;
  --cs-red-active:#9f1239;
  --cs-red-glow:rgba(225,29,72,.35);

  --cs-success:#34d399;
  --cs-success-bg:rgba(16,185,129,.14);
  --cs-chip-bg:#3b2410;
  --cs-chip-ink:#fdba74;
  --cs-disabled-bg:#1e293b;
  --cs-disabled-ink:#94a3b8;
  --cs-focus-dark:#93c5fd;
  --cs-focus-ring:0 0 0 2px #070b14, 0 0 0 5px #60a5fa;
  --cs-focus-ring-on-light:0 0 0 2px #ffffff, 0 0 0 5px #3b82f6;

  --cs-glow-hero:radial-gradient(ellipse 70% 55% at 70% 20%, rgba(59,130,246,.28), transparent 60%),
                 radial-gradient(ellipse 50% 40% at 15% 80%, rgba(225,29,72,.16), transparent 55%),
                 radial-gradient(ellipse 80% 60% at 50% 0%, rgba(15,23,42,.9), #070b14);

  --ff-sans:"Instrument Sans", system-ui, sans-serif;
  --ff-serif:"Instrument Serif", Georgia, serif;
  --fs-display:clamp(2.125rem, 1.5rem + 2.8vw, 3.75rem);
  --fs-h2:clamp(1.75rem, 1.35rem + 1.8vw, 2.75rem);
  --fs-h3:clamp(1.3125rem, 1.18rem + .55vw, 1.625rem);
  --fs-h4:clamp(1.125rem, 1.07rem + .25vw, 1.25rem);
  --fs-lead:clamp(1.125rem, 1.04rem + .4vw, 1.3125rem);
  --fs-body:clamp(1.0625rem, 1.03rem + .12vw, 1.125rem);
  --fs-small:.9375rem; --fs-btn:1.0625rem;
  --lh-tight:1.1; --lh-snug:1.25; --lh-body:1.6;

  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px;
  --gutter:clamp(16px, 4vw, 32px); --section-y:clamp(48px, 6vw + 24px, 96px);

  --r-sm:6px; --r-btn:10px; --r-tile:12px; --r-card:16px; --r-section:24px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(0,0,0,.35), 0 2px 12px rgba(0,0,0,.25);
  --sh-2:0 8px 24px rgba(0,0,0,.40), 0 0 40px rgba(59,130,246,.12);
  --sh-sticky:0 -6px 24px rgba(0,0,0,.45);

  --btn-h:48px; --tap-min:44px; --sticky-h:72px;
  --dur:150ms; --ease:cubic-bezier(.2,.7,.2,1); --ticker-dur:40s;
}
@media (prefers-reduced-motion: reduce){
  :root{--dur:.01ms}
}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid transparent;
  box-shadow:var(--cs-focus-ring);
}
.on-light :focus-visible{box-shadow:var(--cs-focus-ring-on-light)}