/* Vie colour specification — VIE Brand Colour Guide Master (Aug 2023). Do not introduce new hues. */
:root{
/* Base palette (RGB / PMS) */
--vie-charcoal:#3b3836;      /* Black 7 C · CMYK 66 62 63 54 */
--vie-charcoal-tint:#514d4a; /* tone-on-tone wordmark tint (from website brief artwork) */
--vie-slate:#74787c;         /* Cool Gray 9 C · CMYK 57 46 43 10 */
--vie-grey:#898c8f;          /* Cool Gray 9 C 75% · CMYK 49 39 38 0 */
--vie-silver:#d2d2d0;        /* Neutral · CMYK 17 13 14 0 */
--vie-green-light:#9dd084;   /* 359 C · CMYK 41 0 63 0 */
--vie-green:#73bc44;         /* 368 C · CMYK 60 1 100 0 */
--vie-white:#ffffff;

/* Derived (mixes of the palette only) */
--vie-charcoal-deep:color-mix(in oklab,var(--vie-charcoal) 82%,#000);
--vie-green-hover:color-mix(in oklab,var(--vie-green) 88%,var(--vie-charcoal));
--vie-silver-soft:color-mix(in oklab,var(--vie-silver) 40%,#fff);

/* Semantic — surfaces */
--surface-page:var(--vie-charcoal);
--surface-deep:var(--vie-charcoal-deep);
--surface-raised:var(--vie-charcoal-tint);
--surface-light:var(--vie-white);
--surface-light-alt:var(--vie-silver-soft);
--surface-accent:var(--vie-green);

/* Semantic — text */
--text-on-dark:var(--vie-white);
--text-on-dark-muted:var(--vie-silver);
--text-on-light:var(--vie-charcoal);
--text-on-light-muted:var(--vie-slate);
--text-accent:var(--vie-green);
--text-on-accent:var(--vie-white); /* white on green, client request 28/09/26 (2.33:1, below AA) */

/* Semantic — lines */
--border-on-dark:color-mix(in oklab,var(--vie-white) 16%,transparent);
--border-on-light:var(--vie-silver);
--border-strong:var(--vie-grey);
--focus-ring:var(--vie-green-light);

/* Semantic — status (palette-bound: green = positive, charcoal/slate for everything else) */
--status-positive:var(--vie-green);
--status-info:var(--vie-slate);
--status-alert:var(--vie-charcoal);

--link:var(--vie-green);
--link-hover:var(--vie-green-light);
}