/*
 * NVI brand color tokens: the single source for site colors.
 * NVI Brand Standards 1.0 (September 22, 2026), "Color / Values".
 *
 * To change a brand color, edit it here and in src/lib/brand.ts
 * (used where CSS variables can't reach: map layers, exported SVGs,
 * <meta theme-color>, icon files). `npm test` checks the two agree.
 *
 * For a translucent tint, mix the token instead of hardcoding rgba():
 *   color-mix(in srgb, var(--nvi-primary) 30%, transparent)
 */
:root {
  --nvi-photo-scrim: linear-gradient(90deg, color-mix(in srgb, var(--nvi-deep) 20%, transparent), color-mix(in srgb, var(--nvi-deep) 80%, transparent) 50%, color-mix(in srgb, var(--nvi-deep) 20%, transparent));
  --nvi-light: #00A7E1;       /* Signal Blue: accent, highlights on dark */
  --nvi-primary: #0A5FAE;     /* NVI Blue: brand, buttons, links */
  --nvi-deep: #003B77;        /* Deep Blue: hover, cards on NVI Blue */
  --nvi-navy: #12233D;        /* Navy: ink */
  --nvi-terrebonne: #616D73;  /* Terrebonne Gray: secondary text */
  --nvi-mist: #E8EEF2;        /* Mist: tinted surface */
  --nvi-shell: #F5F4F0;       /* Shell White: the page */
  --nvi-flag: #FFC20E;        /* Flag: the finding (use sparingly) */
  --nvi-rule: #D0D2D1;        /* Rule: hairlines, field borders */
  --nvi-error: #C8102E;
  --nvi-gradient: linear-gradient(45deg, #00A7E1 0%, #006CB6 50%, #003B77 100%); /* lettering only, light grounds only */
}