/* DPE brand color tokens — values verbatim from Brand Guidelines §4 */
:root{
/* base palette */
--dpe-delta-blue:#0D283E;/* HERO · PMS 303 C */
--dpe-chrysalis:#4C7E9C;/* PMS 5415 C · supports */
--dpe-terracotta:#B65C38;/* PMS 7586 C · "a spice, never a base" */
--dpe-umber:#4E3629;/* PMS 476 C · reserved for print & stationery */
--dpe-porcelain:#F7F5F0;/* PMS Cool Gray 1 C 40% · paper */
--dpe-ink:#1D1712;/* PMS Black 4 C */
--dpe-white:#FFFFFF;
/* tints — screens toward paper; below 20% use Porcelain instead */
--delta-80:color-mix(in srgb,var(--dpe-delta-blue) 80%,var(--dpe-white));
--delta-60:color-mix(in srgb,var(--dpe-delta-blue) 60%,var(--dpe-white));
--delta-40:color-mix(in srgb,var(--dpe-delta-blue) 40%,var(--dpe-white));
--delta-20:color-mix(in srgb,var(--dpe-delta-blue) 20%,var(--dpe-white));
--terracotta-80:color-mix(in srgb,var(--dpe-terracotta) 80%,var(--dpe-white));
--terracotta-60:color-mix(in srgb,var(--dpe-terracotta) 60%,var(--dpe-white));
--terracotta-40:color-mix(in srgb,var(--dpe-terracotta) 40%,var(--dpe-white));
--terracotta-20:color-mix(in srgb,var(--dpe-terracotta) 20%,var(--dpe-white));
--chrysalis-80:color-mix(in srgb,var(--dpe-chrysalis) 80%,var(--dpe-white));
--chrysalis-60:color-mix(in srgb,var(--dpe-chrysalis) 60%,var(--dpe-white));
--chrysalis-40:color-mix(in srgb,var(--dpe-chrysalis) 40%,var(--dpe-white));
--chrysalis-20:color-mix(in srgb,var(--dpe-chrysalis) 20%,var(--dpe-white));
/* semantic — light (porcelain) context */
--surface-page:var(--dpe-porcelain);
--surface-card:var(--dpe-white);
--surface-anchor:var(--dpe-delta-blue);
--surface-print:var(--dpe-umber);
--text-heading:var(--dpe-delta-blue);
--text-body:var(--dpe-ink);
--text-muted:color-mix(in srgb,var(--dpe-ink) 55%,var(--dpe-porcelain));
--text-on-dark:var(--dpe-porcelain);
--text-on-dark-muted:color-mix(in srgb,var(--dpe-porcelain) 62%,var(--dpe-delta-blue));
--accent:var(--dpe-terracotta);
--accent-hover:color-mix(in srgb,var(--dpe-terracotta) 86%,var(--dpe-ink));
--accent-press:color-mix(in srgb,var(--dpe-terracotta) 74%,var(--dpe-ink));
--primary:var(--dpe-delta-blue);
--primary-hover:color-mix(in srgb,var(--dpe-delta-blue) 88%,var(--dpe-white));
--primary-press:color-mix(in srgb,var(--dpe-delta-blue) 86%,var(--dpe-ink));
--support:var(--dpe-chrysalis);
--border-hairline:color-mix(in srgb,var(--dpe-ink) 14%,transparent);
--border-hairline-dark:color-mix(in srgb,var(--dpe-porcelain) 20%,transparent);
--focus-ring:var(--dpe-chrysalis);
--link:var(--dpe-terracotta);
--link-hover:var(--accent-hover);
/* UI states (intentional addition — feedback only) */
--state-danger:color-mix(in srgb,var(--dpe-terracotta) 72%,var(--dpe-ink));
--state-info:var(--dpe-chrysalis);
}