:root{
/* ---- Ink (navy/near-black) — authority, infrastructure ---- */
--ink-950:#0a0e1a;--ink-900:#111629;--ink-800:#1a2138;--ink-700:#262f4d;--ink-600:#3a4568;--ink-500:#565f80;
/* ---- Neutral greys — data, structure, supporting UI ---- */
--grey-900:#1c1c1f;--grey-700:#4a4a52;--grey-500:#7b7b85;--grey-300:#c2c2c9;--grey-200:#dcdce2;--grey-100:#ececf0;--grey-50:#f4f4f7;
/* ---- Paper (warm neutral background) ---- */
--paper-0:#ffffff;--paper-50:#faf8f4;--paper-100:#f2efe8;
/* ---- Primary accent: Circuit Indigo — intelligence, AI, technology ---- */
--indigo-100:#e6e4fb;--indigo-300:#b3aef4;--indigo-500:#6a5cf0;--indigo-600:#4f3ff0;--indigo-700:#3c2fd1;--indigo-900:#241d80;
/* ---- Secondary accent: Signal Orange — human action, trust, completion (evolved from legacy ShopO orange #FD6416) ---- */
--orange-100:#ffe4d6;--orange-300:#ffab7f;--orange-500:#f2600f;--orange-600:#d94f06;--orange-700:#a83c05;
/* ---- Active / connected / success — controlled cyan-green ---- */
--cyan-500:#0fb3ad;--cyan-700:#0a7f7b;
--green-500:#1f9d5c;--green-700:#166f42;
/* ---- Semantic status ---- */
--success-500:#1f9d5c;--success-100:#e0f5e9;
--warning-500:#c98a12;--warning-100:#fbeed3;
--error-500:#c9392f;--error-100:#fbe0dd;
--info-500:#3c6fd1;--info-100:#e2eafb;
/* ---- Semantic aliases: surfaces ---- */
--surface-page:var(--paper-50);
--surface-page-dark:var(--ink-950);
--surface-card:var(--paper-0);
--surface-card-dark:var(--ink-900);
--surface-inverse:var(--ink-950);
--surface-sunken:var(--grey-50);
--surface-brand:var(--indigo-600);
/* ---- Semantic aliases: text ---- */
--text-primary:var(--ink-950);
--text-secondary:var(--grey-700);
--text-muted:var(--grey-500);
--text-inverse:var(--paper-0);
--text-inverse-muted:#a9aec2;
--text-brand:var(--indigo-600);
--text-accent:var(--orange-600);
/* ---- Semantic aliases: borders ---- */
--border-default:var(--grey-200);
--border-strong:var(--grey-300);
--border-dark:rgba(255,255,255,0.12);
--border-focus:var(--indigo-600);
/* ---- Interactive states ---- */
--link:var(--indigo-600);
--link-hover:var(--indigo-700);
--action-primary:var(--ink-950);
--action-primary-hover:#000000;
--action-accent:var(--orange-500);
--action-accent-hover:var(--orange-600);
/* ---- Data visualization categorical set ---- */
--viz-1:var(--indigo-600);--viz-2:var(--orange-500);--viz-3:var(--cyan-500);--viz-4:#8b6ad6;--viz-5:var(--grey-500);--viz-6:#c98a12;
/* ---- Shadow tint ---- */
--shadow-color:37,32,62;
}