/*
 * Auto Insights colour palette — see assets/Palette.md, which is the source this is cut from.
 *
 * Every name the application chrome already reads is still here, so aligning the platform to the
 * brand is this file and not a sweep through the screens. The names from the palette document are
 * the canonical ones; the numeric aliases underneath them are what the existing stylesheets say.
 */
:root{
/* Brand — Electric Violet, from the logo drop. 500 is the logo and the only step allowed to carry
   the brand; 600 is the hover and the safe colour for brand text on white. */
--purple-50:#F1EFFF;--purple-100:#E4E0FF;--purple-200:#CBC4FF;--purple-300:#ABA0FF;--purple-400:#8578FF;
--purple-500:#594AFF;--purple-600:#4634E0;--purple-700:#3627B4;--purple-800:#281C88;--purple-900:#191158;
--purple-950:#0E0930;

/* Ink — cool neutrals from the logo field, hue 250 so greys sit under the brand rather than fight it. */
--ink-0:#FFFFFF;--ink-25:#FAFAFD;--ink-50:#F4F4F9;--ink-100:#EAEAF2;--ink-200:#D9D9E6;--ink-300:#BFBFD1;
--ink-400:#9494AB;--ink-500:#6E6E85;--ink-600:#52526B;--ink-700:#3B3B50;--ink-800:#262636;--ink-900:#16161F;
--ink-950:#0B0B11;

/* Accents — soft / base / deep / lift. Deep is the text-safe step: the bases are fills and are too
   light for type on white. Green and red mean value movement and are never decoration. */
--cyan-soft:#DFF7FA;--cyan:#00B3C7;--cyan-deep:#00818F;--cyan-lift:#39D7E6;
--magenta-soft:#FFE4EF;--magenta:#FF4F9A;--magenta-deep:#C9256B;--magenta-lift:#FF7FB5;
--amber-soft:#FFF1D6;--amber:#F2A73B;--amber-deep:#9A6400;--amber-lift:#FFC46B;
--green-soft:#DCF5EC;--green:#21A179;--green-deep:#0E7C5A;--green-lift:#4FD1A5;
--red-soft:#FDE4E8;--red:#E23D57;--red-deep:#C4243F;--red-lift:#FF7A8F;
--blue-soft:#E1ECFE;--blue:#1F6FEB;--blue-deep:#1A55B8;--blue-lift:#6FA6FF;

/* The numeric names the application chrome was written against, kept as aliases so the palette
   could be swapped in one file. 100 is the wash, 500 the fill, 700 the text-safe deep. */
--green-100:var(--green-soft);--green-500:var(--green);--green-700:var(--green-deep);
--red-100:var(--red-soft);--red-500:var(--red);--red-700:var(--red-deep);
--amber-100:var(--amber-soft);--amber-500:var(--amber);--amber-700:var(--amber-deep);
--blue-100:var(--blue-soft);--blue-500:var(--blue);--blue-700:var(--blue-deep);

/* ---- Roles — light surfaces ---- */
--brand:var(--purple-500);--brand-strong:var(--purple-600);--brand-deep:var(--purple-800);--brand-soft:var(--purple-50);
--text-heading:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);
/* Disabled and placeholder only — never body copy, which is why it is named for how little it says. */
--text-subtle:var(--ink-400);--text-faint:var(--text-subtle);
--text-on-brand:#FFFFFF;--text-link:var(--purple-600);--text-link-hover:var(--purple-700);
--surface-page:var(--ink-25);--surface-card:var(--ink-0);--surface-sunken:var(--ink-50);--surface-inset:var(--ink-100);
--surface-brand:var(--purple-500);--surface-brand-soft:var(--purple-50);--surface-deep:var(--ink-900);
--border-subtle:var(--ink-100);--border-strong:var(--ink-200);--border-brand:var(--purple-300);
--focus-ring:var(--purple-400);--focus-halo:rgba(89,74,255,.28);

/* Status. The deep step every time, because in each of these the colour is the type itself. */
--value-up:var(--green-deep);--value-up-soft:var(--green-soft);
--value-down:var(--red-deep);--value-down-soft:var(--red-soft);
--value-flat:var(--ink-400);
--warning:var(--amber-deep);--warning-soft:var(--amber-soft);
--info:var(--blue);--info-soft:var(--blue-soft);

/* ---- Roles — dark surfaces ---- */
/* The hero, the footer and the app sidebar. Cards on dark are white at 5% and borders white at 10%
   — never a lighter grey, which muddies against the grain. Brand fills stay at 500 on dark. */
--dark-raised:rgba(255,255,255,.05);--dark-border:rgba(255,255,255,.10);
--dark-text:#FFFFFF;--dark-body:var(--ink-300);--dark-muted:var(--ink-400);--dark-link:var(--purple-300);

/* ---- Chart series ---- */
/* In this order, always. A single-series chart is brand purple. */
--series-1:var(--purple-500);--series-2:var(--cyan);--series-3:var(--magenta);
--series-4:var(--amber);--series-5:var(--green);--series-6:var(--ink-500);

/* ---- Statutory ---- */
/* A UK number plate. Outside the palette and never tinted towards it. */
--plate-yellow:#FFD400;--plate-blue:#0A3DBF;--plate-ink:#000000}