/* Northics 2.1.3 · F — colour tokens. Base values copied verbatim from the kit's tokens.css. */
:root{
--northics-page-background:#FFFFFF;
--northics-blue:#0044FF;
--northics-ink:#111520;
--northics-night:#080B12;
--northics-silver:#CEE3F2;
--northics-surface:#F9FAFB;
--northics-white:#FFFFFF;
--northics-muted-dark:#A0AABC;
--northics-muted-light:#626D81;
--northics-border-dark:#303A4C;
--northics-border-light:#D1D7E1;
--northics-success:#12634A;
--northics-success-soft:#E6F4EC;
--northics-warning:#8A4D00;
--northics-warning-soft:#FFF0D7;
--northics-danger:#B43143;
--northics-danger-soft:#FDECEF;
--northics-lavender:#ABBAFF;
--northics-ivory:#FFFBE5;
/* Six secondary editorial colours — content, covers, campaigns, halftones. Never UI states. */
--northics-editorial-mist-blue:#C6D0FA;
--northics-editorial-cyan:#8EDFE5;
--northics-editorial-mint:#8DE5AE;
--northics-editorial-violet:#9E6EEC;
--northics-editorial-coral:#FC866E;
--northics-editorial-solar:#FFD36A;
/* Studio hairlines & secondary greys (from sistema-v2.css) */
--northics-hairline:#DCE0E6;
--northics-hairline-soft:#E4E7EB;
--northics-grey-nav:#616B7B;
--northics-grey-slash:#838A98;
--northics-grey-copy:#4C596A;
/* Dark product surface (product-demo.dark) */
--northics-dark-active:#0F2A47;
--northics-process-on-dark:#BED1FF;
}
/* Semantic aliases */
:root{
--surface-page:var(--northics-white);
--surface-soft:var(--northics-surface);
--surface-support:var(--northics-silver);
--surface-warm:var(--northics-ivory);
--surface-inverse:var(--northics-ink);
--surface-night:var(--northics-night);
--surface-brand:var(--northics-blue);
--text-body:var(--northics-ink);
--text-muted:var(--northics-muted-light);
--text-muted-on-dark:var(--northics-muted-dark);
--text-on-brand:var(--northics-white);
--text-on-support:var(--northics-ink);
--text-link-hover:var(--northics-blue);
--action-primary:var(--northics-blue);
--action-primary-text:var(--northics-white);
--action-selected:var(--northics-ink);
--focus-ring:var(--northics-blue);
--selection-bg:var(--northics-lavender);
--border-hairline:var(--northics-hairline);
--border-subtle:var(--northics-hairline-soft);
--border-input:var(--northics-border-light);
--border-strong:var(--northics-ink);
--border-on-dark:var(--northics-border-dark);
--state-success:var(--northics-success);
--state-success-bg:var(--northics-success-soft);
--state-warning:var(--northics-warning);
--state-warning-bg:var(--northics-warning-soft);
--state-danger:var(--northics-danger);
--state-danger-bg:var(--northics-danger-soft);
}