/* NODAL colour system — achromatic by design. Two hue-free ramps plus a
   minimal semantic set. No neon, no gradients as brand colour. */
:root{
/* base ramp: pure neutral, slightly cool at the light end */
--n-0:#ffffff;
--n-25:#fbfbfc;
--n-50:#f6f6f7;
--n-100:#eeeef0;
--n-150:#e4e4e7;
--n-200:#d6d6da;
--n-300:#b9b9bf;
--n-400:#95959c;
--n-500:#71717a;
--n-600:#52525a;
--n-700:#3a3a41;
--n-800:#26262b;
--n-850:#1b1b1f;
--n-900:#121215;
--n-950:#0a0a0c;
--n-1000:#000000;

/* semantic status — desaturated, no neon */
--status-live:#c8352b;
--status-live-soft:#f8e7e5;
--status-ready:#2f6f4f;
--status-ready-soft:#e6f0ea;
--status-alpha:#8a6a1f;
--status-alpha-soft:#f5eeda;
--status-info:#3b5a7a;
--status-info-soft:#e8eef4;

/* ---- semantic aliases (light theme) ---- */
--bg-page:var(--n-0);
--bg-sunken:var(--n-50);
--bg-raised:var(--n-0);
--surface-card:var(--n-0);
--surface-card-hover:var(--n-25);
--surface-inset:var(--n-50);
--surface-inverse:var(--n-950);
--surface-overlay:rgba(255,255,255,.72);
--scrim:rgba(10,10,12,.55);

--text-primary:var(--n-950);
--text-body:var(--n-800);
--text-secondary:var(--n-500);
--text-muted:var(--n-400);
--text-inverse:var(--n-0);
--text-link:var(--n-950);
--text-link-hover:var(--n-600);

--border-subtle:var(--n-100);
--border-default:var(--n-200);
--border-strong:var(--n-400);
--border-inverse:var(--n-800);
--focus-ring:var(--n-950);

--action-primary-bg:var(--n-950);
--action-primary-bg-hover:var(--n-800);
--action-primary-bg-active:var(--n-1000);
--action-primary-fg:var(--n-0);
--action-secondary-bg:transparent;
--action-secondary-bg-hover:var(--n-50);
--action-secondary-fg:var(--n-900);
--action-disabled-bg:var(--n-100);
--action-disabled-fg:var(--n-400);

--photo-bg:var(--n-50);
}

[data-theme="dark"]{
--bg-page:var(--n-950);
--bg-sunken:var(--n-1000);
--bg-raised:var(--n-900);
--surface-card:var(--n-900);
--surface-card-hover:var(--n-850);
--surface-inset:var(--n-1000);
--surface-inverse:var(--n-0);
--surface-overlay:rgba(10,10,12,.72);
--scrim:rgba(0,0,0,.7);

--text-primary:var(--n-0);
--text-body:var(--n-150);
--text-secondary:var(--n-400);
--text-muted:var(--n-500);
--text-inverse:var(--n-950);
--text-link:var(--n-0);
--text-link-hover:var(--n-300);

--border-subtle:var(--n-850);
--border-default:var(--n-800);
--border-strong:var(--n-600);
--border-inverse:var(--n-200);
--focus-ring:var(--n-0);

--action-primary-bg:var(--n-0);
--action-primary-bg-hover:var(--n-150);
--action-primary-bg-active:var(--n-200);
--action-primary-fg:var(--n-950);
--action-secondary-bg:transparent;
--action-secondary-bg-hover:var(--n-850);
--action-secondary-fg:var(--n-50);
--action-disabled-bg:var(--n-850);
--action-disabled-fg:var(--n-600);

--status-live:#e2635a;
--status-live-soft:#2c1917;
--status-ready:#5aa37c;
--status-ready-soft:#14231b;
--status-alpha:#c9a86a;
--status-alpha-soft:#241e10;
--status-info:#7fa3c4;
--status-info-soft:#141c24;

--photo-bg:var(--n-1000);
}

/* Follow OS until/unless data-theme="light" is forced on :root */
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]){
--bg-page:var(--n-950);
--bg-sunken:var(--n-1000);
--bg-raised:var(--n-900);
--surface-card:var(--n-900);
--surface-card-hover:var(--n-850);
--surface-inset:var(--n-1000);
--surface-inverse:var(--n-0);
--surface-overlay:rgba(10,10,12,.72);
--scrim:rgba(0,0,0,.7);

--text-primary:var(--n-0);
--text-body:var(--n-150);
--text-secondary:var(--n-400);
--text-muted:var(--n-500);
--text-inverse:var(--n-950);
--text-link:var(--n-0);
--text-link-hover:var(--n-300);

--border-subtle:var(--n-850);
--border-default:var(--n-800);
--border-strong:var(--n-600);
--border-inverse:var(--n-200);
--focus-ring:var(--n-0);

--action-primary-bg:var(--n-0);
--action-primary-bg-hover:var(--n-150);
--action-primary-bg-active:var(--n-200);
--action-primary-fg:var(--n-950);
--action-secondary-bg:transparent;
--action-secondary-bg-hover:var(--n-850);
--action-secondary-fg:var(--n-50);
--action-disabled-bg:var(--n-850);
--action-disabled-fg:var(--n-600);

--status-live:#e2635a;
--status-live-soft:#2c1917;
--status-ready:#5aa37c;
--status-ready-soft:#14231b;
--status-alpha:#c9a86a;
--status-alpha-soft:#241e10;
--status-info:#7fa3c4;
--status-info-soft:#141c24;

--photo-bg:var(--n-1000);
}
}