/* Neutral ramp — near-neutral greys. Nothing here biases a colour judgement. */
:root{
--n-1000:#131316;--n-900:#1C1C20;--n-800:#2A2A2E;--n-700:#3D3D43;--n-600:#5C5C63;--n-500:#7A7A82;--n-400:#9A9AA2;--n-300:#C2C2C8;--n-200:#D9D9DE;--n-150:#EAEAEE;--n-100:#F5F5F6;--n-0:#FFFFFF;
/* Studio-only neutrals */
--n-studio-bg:#0E0E10;--n-studio-sunken:#0A0A0C;--n-studio-border:#303036;--n-studio-text:#EDEDF0;--n-studio-tertiary:#6E6E76;
/* Semantic base values */
--signal-office:#0089A3;--signal-studio:#22C8E0;
--ledger-office:#166534;--ledger-office-bg:#E8F3EC;--ledger-studio:#4ADE80;
--hold-office:#A85B08;--hold-office-bg:#FBF0E2;--hold-studio:#FBBF24;
--due-office:#B3261E;--due-office-bg:#FBEAE9;--due-studio:#F87171;
}

/* ---- Office surface (default, light) ---- */
:root,[data-surface="office"]{
--surface-bg:var(--n-100);--surface-panel:var(--n-0);--surface-sunken:var(--n-150);
--border:var(--n-200);--border-strong:var(--n-300);
--text-primary:var(--n-1000);--text-secondary:var(--n-600);--text-tertiary:var(--n-500);--text-on-signal:#FFFFFF;
--signal:var(--signal-office);--signal-hover:#00738A;--signal-active:#005E71;--signal-tint:#E4F3F6;
--ledger:var(--ledger-office);--ledger-bg:var(--ledger-office-bg);
--hold:var(--hold-office);--hold-bg:var(--hold-office-bg);
--due:var(--due-office);--due-bg:var(--due-office-bg);
}

/* ---- Studio surface (dark) — attendance kiosk + project review only ---- */
[data-surface="studio"]{
--surface-bg:var(--n-studio-bg);--surface-panel:var(--n-1000);--surface-sunken:var(--n-studio-sunken);
--border:var(--n-studio-border);--border-strong:#43434A;
--text-primary:var(--n-studio-text);--text-secondary:var(--n-400);--text-tertiary:var(--n-studio-tertiary);--text-on-signal:#04262C;
--signal:var(--signal-studio);--signal-hover:#4FD6E8;--signal-active:#12A7BC;--signal-tint:#0E2C32;
--ledger:var(--ledger-studio);--ledger-bg:#12271A;
--hold:var(--hold-studio);--hold-bg:#2B2010;
--due:var(--due-studio);--due-bg:#2C1514;
}