/* AGS colours. Brand core sampled from logo — TO CONFIRM exact hex with client. */
:root{
/* Brand core */
--ags-blue:#1898D8;
--ags-yellow:#F8C808;
--ags-charcoal:#080808;
--ags-grey:#B8B8B8;
/* Navy scale — derived from brand blue (hue ~205°) */
--navy-950:#04111f;
--navy-900:#071a2e;
--navy-800:#0b2540;
--navy-700:#0f3358;
--navy-600:#16477a;
--blue-500:#1898D8;
--sky-300:#9fd4f0;
--sky-200:#c9e7f8;
--sky-100:#e6f4fc;
/* Teal (Financial Services) */
--teal-900:#0e3030;
--teal-700:#155555;
--teal-400:#2f9a92;
/* Yellow / amber (Utility Management) */
--yellow-500:#F8C808;
--yellow-400:#ffd83a;
--amber-900:#2e2203;
--charcoal-900:#141414;
--charcoal-800:#1f1f1f;
/* Neutrals */
--white:#ffffff;
--canvas-soft-raw:#fafaf8;
--grey-100:#f1f0ec;
--grey-200:#e8e4dd;
--grey-400:#b8b8b8;
--grey-500:#9a9794;
--grey-600:#73706d;
--grey-900:#292827;
/* Semantic — surfaces */
--color-primary:var(--navy-800);
--color-primary-deep:var(--navy-900);
--color-on-primary:#ffffff;
--surface-hero:var(--navy-800);
--surface-pill:var(--sky-200);
--surface-pill-hover:var(--sky-100);
--canvas:#ffffff;
--canvas-soft:var(--canvas-soft-raw);
--hairline:var(--grey-200);
--hairline-strong:#cfd3d8;
--hairline-dark:#22405f;
/* Semantic — text */
--ink:var(--grey-900);
--ink-mute:var(--grey-600);
--ink-faint:var(--grey-500);
--on-dark:#ffffff;
--on-dark-mute:rgba(255,255,255,0.74);
--on-dark-faint:rgba(255,255,255,0.52);
/* Semantic — status (forms only) */
--danger:#b42318;
--focus-ring:var(--ags-blue);
/* Units — closing band, accent, band button */
--band-epc:var(--navy-700);
--band-epc-mid:var(--navy-600);
--band-epc-btn-bg:#ffffff;
--band-epc-btn-fg:var(--navy-700);
--accent-epc:var(--ags-blue);
--band-fs:var(--teal-900);
--band-fs-mid:var(--teal-700);
--band-fs-btn-bg:#ffffff;
--band-fs-btn-fg:var(--teal-900);
--accent-fs:var(--teal-400);
--band-um:var(--charcoal-900);
--band-um-mid:var(--charcoal-800);
--band-um-btn-bg:var(--ags-yellow);
--band-um-btn-fg:var(--ags-charcoal);
--accent-um:var(--ags-yellow);
/* Group (parent brand) closing band = EPC navy-blue */
--band-group:var(--navy-700);
}
