/* PCG colour — sampled from the logo mark and wordmark */
:root{
/* Brand */
--pcg-navy:#1E3A4F;      /* Harbour Navy — wordmark, headings, text */
--pcg-teal:#1B7F86;      /* PCG Teal — primary accent, CTAs */
--pcg-teal-deep:#0E4A52; /* Deep Teal — hover, depth, shadow bars */
--pcg-sea-glass:#8FBFC6; /* Sea Glass — highlights on dark */
--pcg-slate:#9AA3A8;     /* Slate — "Group", dividers */
--pcg-mist:#EEF2F3;      /* Mist — page background */
--pcg-white:#FFFFFF;
/* Supporting neutrals (used throughout the style guide) */
--pcg-ink-2:#3D5260;     /* secondary body text */
--pcg-ink-3:#5B6B75;     /* captions, meta */
--pcg-line-strong:#C9D3D7;
--pcg-line:#E1E7EA;
--pcg-on-dark-muted:#D3E3E6;
/* Semantic */
--pcg-error:#A4453A;
--pcg-success:var(--pcg-teal);

/* Semantic aliases */
--surface-page:var(--pcg-mist);
--surface-card:var(--pcg-white);
--surface-inverse:var(--pcg-navy);
--text-strong:var(--pcg-navy);
--text-body:var(--pcg-ink-2);
--text-muted:var(--pcg-ink-3);
--text-accent:var(--pcg-teal);
--text-on-inverse:var(--pcg-white);
--text-on-inverse-muted:var(--pcg-on-dark-muted);
--text-on-inverse-accent:var(--pcg-sea-glass);
--text-error:var(--pcg-error);
--action-primary:var(--pcg-teal);
--action-primary-hover:var(--pcg-teal-deep);
--action-secondary:var(--pcg-navy);
--link:var(--pcg-teal);
--link-hover:var(--pcg-teal-deep);
--border-hairline:var(--pcg-line);
--border-strong:var(--pcg-line-strong);
--border-focus:var(--pcg-teal);
}