/* OrNsoft Design System — tokens v1.0
   Usage: <html data-product="ceertia" data-theme="light|dark" data-density="comfortable|compact">
   Layers: 1) brand primitives  2) product ramp  3) semantic (light/dark)  4) density */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root{
/* 1 — Brand primitives (from Brand Guidelines 2026) */
--ons-night:#0B0F1A;--ons-midnight:#0C2878;--ons-electric:#2A6FF0;--ons-ice:#A8D2FF;
--ons-paper:#FAFAF8;--ons-slate:#3A4150;--ons-mist:#E6E8EC;
--ons-font-sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--ons-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

/* Type scale */
--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:32px;--fs-4xl:44px;
--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;
--ls-h1:-0.035em;--ls-h2:-0.03em;--ls-h3:-0.015em;--ls-label:0.08em;
--lh-tight:1.15;--lh-snug:1.3;--lh-body:1.5;

/* Spacing (4px base) */
--sp-0:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;

/* Radius */
--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-pill:999px;

/* Motion */
--ease:cubic-bezier(.2,.7,.2,1);--dur-fast:120ms;--dur:180ms;--dur-slow:280ms;

/* Layout */
--sidebar-w:156px;--sidebar-w-collapsed:72px;--topbar-h:60px;--content-max:1440px;--panel-w:360px;

/* 2 — Product ramp. Default = OrNsoft parent brand */
--p-depth:#0B0F1A;--p-shade:#0C2878;--p-signature:#2A6FF0;--p-light:#A8D2FF;
--p-on-signature:#FFFFFF;
}

[data-product="ceertia"]{--p-depth:#022330;--p-shade:#05627C;--p-signature:#0BB8D8;--p-light:#A6EEFB;--p-on-signature:#022330}
[data-product="orlead"]{--p-depth:#0C0A26;--p-shade:#2E2770;--p-signature:#5B4FD1;--p-light:#C2BBFF;--p-on-signature:#FFFFFF}
[data-product="admincore"],[data-product="contactcee"]{--p-depth:#021311;--p-shade:#0B4F47;--p-signature:#19B3A0;--p-light:#B5F7EC;--p-on-signature:#021311}
[data-product="kantum"]{--p-depth:#260A02;--p-shade:#8E2A0C;--p-signature:#FF6B2C;--p-light:#FFD3BC;--p-on-signature:#260A02}

/* 3 — Semantic tokens · LIGHT */
:root,[data-theme="light"]{
color-scheme:light;
--bg-page:#F2F3F1;--bg-surface:#FFFFFF;--bg-subtle:#FAFAF8;--bg-sunken:#F5F6F4;--bg-hover:#F3F4F6;--bg-inverse:#0B0F1A;
--bg-sidebar:#FFFFFF;--bg-topbar:#FFFFFF;--bg-overlay:rgba(11,15,26,.48);
--fg:#0B0F1A;--fg-secondary:#3A4150;--fg-muted:#646B7A;--fg-faint:#9097A4;--fg-inverse:#FAFAF8;
--border:#E6E8EC;--border-strong:#D3D7DE;--border-focus:var(--p-signature);
--accent:var(--p-signature);--accent-fg:var(--p-on-signature);
--accent-text:var(--p-shade);                 /* links, active labels: contrast-safe on white */
--accent-soft:color-mix(in oklab,var(--p-signature) 11%,#fff);
--accent-soft-fg:var(--p-shade);
--accent-hover:color-mix(in oklab,var(--p-signature) 88%,#000);
--success:#12805A;--success-soft:#E4F4EC;--warning:#A15C00;--warning-soft:#FCF0DC;
--danger:#C62F2F;--danger-soft:#FBE7E6;--info:#2A6FF0;--info-soft:#E7EFFE;--neutral:#4B5263;--neutral-soft:#EEF0F3;
--shadow-sm:0 1px 2px rgba(11,15,26,.05);
--shadow-md:0 1px 2px rgba(11,15,26,.04),0 4px 14px rgba(11,15,26,.06);
--shadow-lg:0 2px 6px rgba(11,15,26,.06),0 18px 48px rgba(11,15,26,.16);
--ring:0 0 0 3px color-mix(in oklab,var(--p-signature) 28%,transparent);
--chart-1:var(--p-signature);--chart-2:var(--p-shade);--chart-3:#9097A4;--chart-4:#C62F2F;--chart-5:#A15C00;
}

/* 3 — Semantic tokens · DARK (derived from Night background) */
[data-theme="dark"]{
color-scheme:dark;
--bg-page:#070A12;--bg-surface:#0F1420;--bg-subtle:#121827;--bg-sunken:#0B0F19;--bg-hover:#171E2D;--bg-inverse:#FAFAF8;
--bg-sidebar:#0B0F1A;--bg-topbar:#0B0F1A;--bg-overlay:rgba(2,4,9,.66);
--fg:#EDEFF3;--fg-secondary:#B7BDC9;--fg-muted:#8B93A3;--fg-faint:#5E6677;--fg-inverse:#0B0F1A;
--border:#1E2535;--border-strong:#2A3244;
--accent-text:var(--p-light);
--accent-soft:color-mix(in oklab,var(--p-signature) 16%,#0F1420);
--accent-soft-fg:var(--p-light);
--accent-hover:color-mix(in oklab,var(--p-signature) 85%,#fff);
--success:#4CC48E;--success-soft:#0F2A20;--warning:#F0A942;--warning-soft:#2E2210;
--danger:#F06A64;--danger-soft:#33161A;--info:#7EA8F7;--info-soft:#132343;--neutral:#AEB4C1;--neutral-soft:#1A2130;
--shadow-sm:0 1px 2px rgba(0,0,0,.4);
--shadow-md:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35);
--shadow-lg:0 20px 60px rgba(0,0,0,.6);
--chart-3:#5E6677;--chart-4:#F06A64;--chart-5:#F0A942;
}

/* 4 — Density */
:root,[data-density="comfortable"]{--ctl-h:38px;--ctl-h-sm:32px;--row-h:52px;--card-pad:24px;--gap:20px;--fs-body:14px;--fs-table:14px}
[data-density="compact"]{--ctl-h:32px;--ctl-h-sm:28px;--row-h:40px;--card-pad:16px;--gap:14px;--fs-body:13px;--fs-table:13px}