/* V3C Website Design System v1.0 — canonical tokens */
:root {
  --v3c-blue:#246BCE; --v3c-blue-hover:#1E5EB6; --v3c-blue-active:#194F99; --v3c-blue-subtle:#EAF2FC;
  --v3c-navy:#102A43; --v3c-deep-navy:#071A2B; --v3c-cyan:#39A9C7; --ink:#263238; --text-secondary:#69757D;
  --surface:#FAFAF7; --surface-alt:#F3F4F2; --white:#FFFFFF; --border:#DDE2E5; --border-strong:#AEB8BE;
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --text-display:60px; --text-h1:50px; --text-h2:38px; --text-h3:27px; --text-h4:21px; --text-lead:22px; --text-body-lg:18px; --text-body:16px; --text-small:14px; --text-meta:12px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px;
  --radius-0:0; --radius-1:2px; --radius-2:4px; --border-width:1px;
  --motion-fast:140ms; --motion-base:220ms; --motion-slow:300ms; --ease-standard:cubic-bezier(.2,.8,.2,1);
  --grid-columns:16; --grid-gutter:24px; --grid-margin:32px; --header-height:64px;
}
@media(max-width:1023px){:root{--grid-columns:8;--grid-gutter:20px;--grid-margin:24px;--text-display:50px;--text-h1:44px;--text-h2:34px;}}
@media(max-width:767px){:root{--grid-columns:4;--grid-gutter:16px;--grid-margin:16px;--header-height:56px;--text-display:42px;--text-h1:38px;--text-h2:30px;--text-h3:24px;--text-lead:20px;}}