/* NotHuman colour system. Light is the :root default; dark is its own palette (not an inversion). */
:root{
--color-background:#F5F5F3;
--color-surface:#FFFFFF;
--color-surface-secondary:#EEEEEC;
--color-surface-elevated:#E8E9E7;
--color-text-primary:#263038;
--color-text-secondary:#697177;
--color-text-muted:#92989C;
--color-border:#DCDDDB;
--color-border-subtle:#E7E7E5;
--color-accent:#536A78;
--color-accent-hover:#435A68;
--color-accent-soft:#E3E9EC;
--color-on-accent:#FFFFFF;
--color-success:#5C806B;
--color-warning:#A98752;
--color-error:#A75B5B;
--color-nav-scrolled:rgba(245,245,243,.78);
--color-overlay:rgba(16,17,17,.28);
--color-focus:#536A78;
/* studio plate (placeholder imagery + 3D environment) */
--plate-key:#FFFFFF;
--plate-mid:#ECECEA;
--plate-floor:#DCDDDB;
--plate-shadow:rgba(38,48,56,.18);
--plate-ink:#697177;
/* semantic aliases */
--surface-page:var(--color-background);
--surface-card:var(--color-surface);
--surface-muted:var(--color-surface-secondary);
--text-body:var(--color-text-primary);
--text-caption:var(--color-text-secondary);
--text-meta:var(--color-text-muted);
--border-default:var(--color-border);
--border-quiet:var(--color-border-subtle);
color-scheme:light;
}
[data-theme="dark"]{
--color-background:#101111;
--color-surface:#181A1A;
--color-surface-secondary:#202222;
--color-surface-elevated:#252827;
--color-text-primary:#F1F0EC;
--color-text-secondary:#A6AAA8;
--color-text-muted:#707573;
--color-border:#2B2E2D;
--color-border-subtle:#222524;
--color-accent:#8FA6B5;
--color-accent-hover:#A5BBC8;
--color-accent-soft:#202A2F;
--color-on-accent:#101111;
--color-success:#789986;
--color-warning:#B39A69;
--color-error:#B87575;
--color-nav-scrolled:rgba(16,17,17,.72);
--color-overlay:rgba(0,0,0,.4);
--color-focus:#8FA6B5;
--plate-key:#2C302F;
--plate-mid:#1C1E1E;
--plate-floor:#141515;
--plate-shadow:rgba(0,0,0,.55);
--plate-ink:#A6AAA8;
color-scheme:dark;
}