:root{
/* Brand base -------------------------------------------------- */
--color-thistle:#4A3B6B;          /* Primary. Thistle Violet */
--color-thistle-600:#3E3159;
--color-thistle-700:#332847;
--color-thistle-800:#281F38;
--color-charcoal:#1C1B29;         /* Dark backgrounds, body text on light */
--color-charcoal-700:#252434;
--color-lavender:#B8A9D9;         /* Soft accent */
--color-lavender-300:#CFC4E5;
--color-lavender-200:#E1DAF0;
--color-lavender-100:#EFEAF7;
--color-cyan:#2FD1C5;             /* Pop accent, one per piece */
--color-cyan-600:#1FA79D;
--color-cyan-100:#D5F5F1;
--color-warm-white:#F7F5FA;       /* Page + card backgrounds */
--color-white:#FFFFFF;

/* Neutrals (violet-leaning greys derived from Charcoal) -------- */
--color-neutral-50:#FBFAFD;
--color-neutral-100:#F2F0F7;
--color-neutral-200:#E4E0EC;
--color-neutral-300:#D3CEDF;
--color-neutral-400:#A9A3BA;
--color-neutral-500:#7C7690;
--color-neutral-600:#575269;
--color-neutral-700:#3B3849;

/* Semantic status --------------------------------------------- */
--color-success:#2E9E7A;
--color-success-soft:#E1F3EC;
--color-warning:#C88A1E;
--color-warning-soft:#F8EFDA;
--color-danger:#C4453F;
--color-danger-soft:#F8E5E4;
--color-info:var(--color-thistle);
--color-info-soft:var(--color-lavender-100);

/* Semantic text ---------------------------------------------- */
--text-body:var(--color-charcoal);
--text-heading:var(--color-charcoal);
--text-secondary:var(--color-neutral-600);
--text-muted:var(--color-neutral-500);
--text-brand:var(--color-thistle);
--text-accent:var(--color-cyan-600);
--text-inverse:var(--color-white);
--text-inverse-muted:rgba(255,255,255,0.68);
--text-link:var(--color-thistle);
--text-link-hover:var(--color-thistle-600);

/* Semantic surfaces ----------------------------------------- */
--surface-page:var(--color-warm-white);
--surface-card:var(--color-white);
--surface-sunken:var(--color-neutral-100);
--surface-brand:var(--color-thistle);
--surface-brand-soft:var(--color-lavender-100);
--surface-brand-muted:var(--color-lavender);
--surface-dark:var(--color-charcoal);
--surface-dark-raised:#262536;
--surface-accent:var(--color-cyan);
--surface-accent-soft:var(--color-cyan-100);
--surface-overlay:rgba(28,27,41,0.62);

/* Semantic borders ------------------------------------------ */
--border-subtle:var(--color-neutral-200);
--border-default:var(--color-neutral-300);
--border-strong:var(--color-thistle);
--border-accent:var(--color-cyan);
--border-on-dark:rgba(255,255,255,0.14);
--focus-ring:rgba(47,209,197,0.55);

/* Data-visualisation sequence (channel/series order) --------- */
--chart-1:var(--color-thistle);
--chart-2:var(--color-cyan);
--chart-3:var(--color-lavender);
--chart-4:var(--color-cyan-600);
--chart-5:var(--color-neutral-400);
--chart-grid:var(--color-neutral-200);
}