/* ============================================================
   DARK THEME
   Active when <html data-theme="dark"> (set in each page's <head>
   from the visitor's saved toggle choice; light otherwise, see main.js).
   Loaded last on every page: tokens first, then the few components
   that hard-code light surfaces.
   ============================================================ */
[data-theme="dark"]{
  color-scheme:dark;

  --bg:        #0A0B16;
  --bg-elev:   #10121F;
  --bg-band:   linear-gradient(178deg,#0C0E1C 0%,#101634 62%,#0B0D1A 100%);
  --ink:       #EEF0F6;
  --ink-2:     #C3C8D4;
  --muted:     #8E95A6;
  --line:      #232737;
  --line-soft: #1A1D2B;

  --blue:      #3D74FF;
  --blue-deep: #2A62F0;
  --blue-tint: rgba(61,116,255,.14);
  --blue-ink:  #8AA8FF;

  --amber-tint:rgba(201,138,18,.16);
  --green-tint:rgba(47,96,69,.35);

  --tint-1:    #18264A;
  --tint-2:    #2E1A2C;
  --tint-3:    #2D1E18;
  --tint-4:    #1F1D3D;

  /* inverted panels sit a step above the page instead of below it */
  --dark:      #13152B;
  --dark-2:    #191C36;
  --dark-line: rgba(255,255,255,.08);

  --shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 4px 16px rgba(0,0,0,.3);
  --shadow-md: 0 2px 6px rgba(0,0,0,.4), 0 18px 48px -12px rgba(0,0,0,.6);
  --shadow-blue: 0 10px 30px -10px rgba(61,116,255,.45);

  /* home-v2 colour roles */
  --lav-ink:#ABA3FF;  --peach-ink:#F2A27E;  --pink-ink:#F08FCB;
  --blue-wash:#111832; --lav-wash:#15142A; --peach-wash:#16110E; --pink-wash:#1A1018;

  /* isometric machine kit */
  --k-top:#2A2F45; --k-top2:#252A3E; --k-left:#1C2033; --k-right:#151828; --k-edge:#0E1020;
}

/* ---------- logo: wordmark goes light, the mark stays blue ---------- */
[data-theme="dark"] .nav .logo > g:last-child{fill:#FFFFFF}

/* ---------- chrome ---------- */
[data-theme="dark"] .nav.scrolled{background:rgba(10,11,22,.82)}
[data-theme="dark"] .nav-links a:hover,
[data-theme="dark"] .theme-toggle:hover{background:rgba(255,255,255,.06)}
[data-theme="dark"] .nav-cta.btn-primary{background:#FFFFFF;color:#05060A}
[data-theme="dark"] .nav-cta.btn-primary:hover{background:#DCE2F0}
[data-theme="dark"] .btn-ghost{border-color:rgba(255,255,255,.24)}
[data-theme="dark"] .footer{background:#060711;border-top-color:var(--line)}
[data-theme="dark"] .cta-band{background:#060711}

/* client logos are grey on transparent: flip them light */
[data-theme="dark"] .client-logo{filter:invert(1) brightness(.95)}

/* ---------- surfaces that hard-code white ---------- */
[data-theme="dark"] .svc-card:hover,
[data-theme="dark"] .case-card:hover,
[data-theme="dark"] .ins-item:hover{background:var(--bg-elev)}
[data-theme="dark"] .flagship .fl-visual,
[data-theme="dark"] .case-art{background:radial-gradient(520px 360px at 50% 40%, rgba(61,116,255,.22), transparent 70%), #111833}

/* ---------- forms ---------- */
[data-theme="dark"] .field input,
[data-theme="dark"] .field textarea,
[data-theme="dark"] .field select,
[data-theme="dark"] .opt span{background-color:#0E1020}

/* ---------- home hero ---------- */
[data-theme="dark"] .hero-grid-bg{
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:64px 64px;
}
[data-theme="dark"] .hero-eyebrow{background:rgba(255,255,255,.04)}
[data-theme="dark"] .svd-jump a{background:rgba(255,255,255,.03)}

/* tint stat cards hard-code near-black text */
[data-theme="dark"] .stat{color:var(--ink)}

/* white button on a dark band keeps dark text */
[data-theme="dark"] .btn-light{color:#05060A}

/* ---------- agent console mock (home) ---------- */
[data-theme="dark"] .app{
  --ok-t:rgba(23,163,107,.16);--wait-t:rgba(201,138,18,.16);--sub:#7D8597;
  background:#10121F;box-shadow:0 24px 60px -18px rgba(0,0,0,.7);
}
[data-theme="dark"] .app-bar,
[data-theme="dark"] .run-task{background:#151827}
[data-theme="dark"] .app-bar .env{background:transparent}
[data-theme="dark"] .app-side,
[data-theme="dark"] .run-foot{background:#0D0F1B}
[data-theme="dark"] .run-steps .ic-plan{background:rgba(138,107,255,.18)}
[data-theme="dark"] .run-steps .st{border-color:#3A3F52}
[data-theme="dark"] .run-steps li.is-running{background:rgba(61,116,255,.08)}
[data-theme="dark"] .run-steps li.is-wait{background:rgba(201,138,18,.08)}
[data-theme="dark"] .run-steps .approve{background:#151827;border-color:rgba(201,138,18,.4)}
[data-theme="dark"] .run-steps .approve .b{background:#1B1E2E}
[data-theme="dark"] .run-steps .approve .b.ok{background:#FFFFFF;border-color:#FFFFFF;color:#05060A}
[data-theme="dark"] .run-steps li.is-approved .approve{border-color:rgba(23,163,107,.4)}
[data-theme="dark"] .run-steps li.is-approved .approve .b.ok{color:#fff}
[data-theme="dark"] .agent-card.light .ac-live{color:#4CC892}

/* body-copy links: the lighter blue reads better on the dark ground */
[data-theme="dark"] .legal-body a{color:var(--blue-ink)}