:root{
/* ── Graphite — the surface. Cold near-black, blued steel. ── */
--kd-graphite-900:#0A0C0D;--kd-graphite-850:#0E1012;--kd-graphite-800:#121517;--kd-graphite-700:#1A1E21;--kd-graphite-600:#23282C;--kd-graphite-500:#2F363B;--kd-graphite-400:#414A51;--kd-graphite-300:#5A646C;--kd-graphite-200:#79838B;
/* ── Fog — cool light neutrals. Light surfaces; dark-mode text. ── */
--kd-fog-000:#FFFFFF;--kd-fog-050:#F4F7F8;--kd-fog-100:#E8EBED;--kd-fog-200:#D7DCDF;--kd-fog-300:#BEC5C9;--kd-fog-400:#8B949B;--kd-fog-500:#5F686E;
/* ── Cyan — the one accent. Cold, precise, interactive. ── */
--kd-cyan-700:#0A5666;--kd-cyan-600:#0E7A91;--kd-cyan-500:#35C3DE;--kd-cyan-400:#5CDFF5;--kd-cyan-300:#9BEAF7;--kd-cyan-100:#D6F6FC;--kd-cyan-050:#EDFBFE;
/* ── Phosphor — terminal green. Live, healthy, telemetry. ── */
--kd-phosphor-700:#14663C;--kd-phosphor-600:#1E8C52;--kd-phosphor-500:#2FB56D;--kd-phosphor-400:#54D68C;--kd-phosphor-300:#8CE8B6;--kd-phosphor-100:#DFF5E9;
/* ── Amber — caution, in-flight. Rare. ── */
--kd-amber-500:#E89B0C;--kd-amber-400:#FFB224;--kd-amber-100:#FFF0D0;
/* ── Status ── */
--kd-success-600:#1E8C52;--kd-success-500:#2FB56D;--kd-success-100:#DFF5E9;
--kd-warning-600:#B27607;--kd-warning-500:#E89B0C;--kd-warning-100:#FFF0D0;
--kd-danger-600:#BC352A;--kd-danger-500:#E8483A;--kd-danger-400:#FF6F61;--kd-danger-100:#FDE3E0;
/* ── Alpha utilities ── */
--kd-alpha-graphite-04:rgba(18,21,23,.04);--kd-alpha-graphite-08:rgba(18,21,23,.08);--kd-alpha-graphite-16:rgba(18,21,23,.16);
--kd-alpha-fog-06:rgba(232,235,237,.06);--kd-alpha-fog-10:rgba(232,235,237,.10);--kd-alpha-fog-16:rgba(232,235,237,.16);

/* ══ Semantic aliases — LIGHT is the default scope ══ */
--kd-surface-page:var(--kd-fog-050);--kd-surface-raised:var(--kd-fog-000);--kd-surface-sunken:var(--kd-fog-100);--kd-surface-inverse:var(--kd-graphite-900);--kd-surface-hover:var(--kd-alpha-graphite-04);--kd-surface-active:var(--kd-alpha-graphite-08);--kd-surface-accent-soft:var(--kd-cyan-050);--kd-surface-signal-soft:var(--kd-phosphor-100);
--kd-text-primary:var(--kd-graphite-800);--kd-text-secondary:var(--kd-graphite-400);--kd-text-tertiary:var(--kd-graphite-200);--kd-text-inverse:var(--kd-fog-100);--kd-text-accent:var(--kd-cyan-600);--kd-text-signal:var(--kd-phosphor-600);--kd-text-link:var(--kd-cyan-600);--kd-text-link-hover:var(--kd-cyan-700);
--kd-border-subtle:var(--kd-fog-200);--kd-border-default:var(--kd-fog-300);--kd-border-strong:var(--kd-graphite-300);--kd-border-accent:var(--kd-cyan-500);
--kd-accent-solid:var(--kd-cyan-600);--kd-accent-solid-hover:var(--kd-cyan-700);--kd-accent-solid-active:#083F4B;--kd-on-accent:#FFFFFF;
--kd-signal-solid:var(--kd-phosphor-600);--kd-signal-solid-hover:var(--kd-phosphor-700);--kd-on-signal:#FFFFFF;
--kd-focus-ring:var(--kd-cyan-500);--kd-focus-ring-shadow:0 0 0 3px rgba(53,195,222,.24);
--kd-scrim:rgba(6,7,8,.6);
}

/* ══ Dark — the signature Kindrift surface. Put data-kd-theme="dark" on any container. ══ */
[data-kd-theme="dark"]{
--kd-surface-page:var(--kd-graphite-900);--kd-surface-raised:var(--kd-graphite-800);--kd-surface-sunken:var(--kd-graphite-850);--kd-surface-inverse:var(--kd-fog-050);--kd-surface-hover:var(--kd-alpha-fog-06);--kd-surface-active:var(--kd-alpha-fog-10);--kd-surface-accent-soft:rgba(92,223,245,.10);--kd-surface-signal-soft:rgba(84,214,140,.10);
--kd-text-primary:var(--kd-fog-100);--kd-text-secondary:var(--kd-fog-400);--kd-text-tertiary:var(--kd-fog-500);--kd-text-inverse:var(--kd-graphite-900);--kd-text-accent:var(--kd-cyan-400);--kd-text-signal:var(--kd-phosphor-400);--kd-text-link:var(--kd-cyan-400);--kd-text-link-hover:var(--kd-cyan-300);
--kd-border-subtle:rgba(232,235,237,.09);--kd-border-default:rgba(232,235,237,.16);--kd-border-strong:rgba(232,235,237,.30);--kd-border-accent:var(--kd-cyan-400);
--kd-accent-solid:var(--kd-cyan-400);--kd-accent-solid-hover:var(--kd-cyan-300);--kd-accent-solid-active:var(--kd-cyan-500);--kd-on-accent:var(--kd-graphite-900);
--kd-signal-solid:var(--kd-phosphor-400);--kd-signal-solid-hover:var(--kd-phosphor-300);--kd-on-signal:var(--kd-graphite-900);
--kd-focus-ring:var(--kd-cyan-400);--kd-focus-ring-shadow:0 0 0 3px rgba(92,223,245,.26);
--kd-scrim:rgba(3,4,5,.74);
}