/* Optus — color primitives + semantic aliases (light theme default).
   Two layers: components reference ONLY semantic aliases (--surface-*, --text-*, --accent-*, --border-*, --status-*). */
:root{
/* Brand — sampled from the Optus Company logo */
--brand-violet:#6942EC;
--brand-violet-deep:#4C31AC;
--brand-lavender:#B7A4F4;
--brand-mist:#E6E1FC;
--brand-navy:#251C51;
--brand-gray:#666666;
--brand-gradient:linear-gradient(90deg,#6942EC 0%,#8F79D9 45%,#B7A4F4 75%,#E6E1FC 100%); /* @kind color */

/* Indigo — actions (primary #4F46E5) */
--indigo-50:#F5F5FF;
--indigo-100:#EEEEFE;
--indigo-150:#E6E5FD;
--indigo-200:#DDD9FF;
--indigo-300:#C3C0FF;
--indigo-400:#A5A0F4;
--indigo-450:#8D86F0;
--indigo-500:#4F46E5;
--indigo-600:#4338CA;
--indigo-700:#3730A3;
--indigo-800:#312E81;
--indigo-900:#1E1B4B;

/* Ink — cool lavender-gray neutrals. #1B1B2F = "Dark" (ink & text), #F3F3FA = "Light" (surfaces & lines) */
--ink-950:#0A0A12;
--ink-900:#1B1B2F;
--ink-800:#2A2A40;
--ink-700:#403F51;
--ink-600:#5B5A6E;
--ink-500:#76758A;
--ink-400:#A09FB3;
--ink-300:#C9C8D8;
--ink-200:#DFDEF1;
--ink-150:#EAEAF3;
--ink-100:#EFEEF5;
--ink-50:#F3F3FA;
--white:#FFFFFF;

/* Status */
--green-700:#166534;
--green-500:#22A35A;
--green-100:#DCFCE7;
--orange-800:#9A3412;
--orange-500:#EA7A2C;
--orange-100:#FFEDD5;
--red-700:#B91C1C;
--red-600:#DC2626;
--red-500:#EF4444;
--red-100:#FEE2E2;
--blue-800:#075985;
--blue-500:#0EA5E9;
--blue-100:#E0F2FE;
--amber-600:#CA8A04;
--amber-100:#FEF3C7;
--pink-700:#9D174D;
--pink-100:#FCE7F3;

/* ---- Semantic aliases ---- */
--bg-app:var(--ink-50);
--surface-card:var(--white);
--surface-raised:var(--white);
--surface-tint:#EFEFFC;
--surface-sunken:#EBEBF5;
--surface-muted:#F5F5FA;
--surface-hover:var(--indigo-100);
--surface-press:var(--indigo-200);
--surface-disabled:var(--ink-150);
--surface-inverse:var(--ink-900);
--surface-overlay:rgba(27,27,47,.42);

--border-subtle:#ECECF4;
--border-default:var(--ink-200);
--border-strong:var(--ink-300);
--border-focus:var(--indigo-500);

--text-primary:var(--ink-900);
--text-secondary:var(--ink-600);
--text-muted:var(--ink-500);
--text-disabled:var(--ink-400);
--text-on-accent:var(--white);
--text-link:var(--indigo-500);
--text-accent:var(--indigo-700);

--accent:var(--indigo-500);
--accent-hover:var(--indigo-600);
--accent-press:var(--indigo-700);
--accent-soft:var(--indigo-100);
--accent-soft-press:var(--indigo-200);
--accent-ring:var(--indigo-300);
--accent-muted:var(--indigo-400);

--status-success-fg:var(--green-700);
--status-success-bg:var(--green-100);
--status-success-solid:var(--green-500);
--status-warning-fg:var(--orange-800);
--status-warning-bg:var(--orange-100);
--status-warning-solid:var(--orange-500);
--status-danger-fg:var(--red-700);
--status-danger-bg:var(--red-100);
--status-danger-solid:var(--red-600);
--status-info-fg:var(--blue-800);
--status-info-bg:var(--blue-100);
--status-info-solid:var(--blue-500);
--status-notify:var(--red-500);

/* Data-viz ramp (funnels, stacked bars) — lightest → strongest */
--viz-1:var(--indigo-400);
--viz-2:var(--indigo-450);
--viz-3:#6A62EA;
--viz-4:var(--indigo-500);
--viz-5:var(--indigo-700);
--viz-accent:var(--amber-600);
--viz-track:#EFEFF7;
}