/**
 * VAT Centric design tokens.
 * Gold is used for accents and large controls; body links use a darker gold
 * to maintain WCAG AA contrast on white.
 */
:root {
  --vc-navy: #0b1f33;
  --vc-navy-soft: #17324d;
  --vc-gold: #b78a3c;
  --vc-gold-dark: #71501e;
  --vc-gold-light: #e8d7b5;
  --vc-ink: #18212b;
  --vc-muted: #56616d;
  --vc-mist: #f4f6f7;
  --vc-white: #fff;
  --vc-border: #d9dfe3;
  --vc-serif: "Iowan Old Style", Baskerville, Georgia, "Times New Roman", serif;
  --vc-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vc-content: 760px;
  --vc-wide: 1200px;
  --vc-radius: 3px;
  --vc-shadow: 0 18px 55px rgba(11, 31, 51, 0.1);
  --vc-space-xs: clamp(0.75rem, 0.65rem + 0.3vw, 1rem);
  --vc-space-sm: clamp(1rem, 0.8rem + 0.6vw, 1.5rem);
  --vc-space-md: clamp(1.5rem, 1.1rem + 1.2vw, 2.5rem);
  --vc-space-lg: clamp(2.5rem, 1.7rem + 2.5vw, 4.5rem);
  --vc-space-xl: clamp(4rem, 2.8rem + 3.5vw, 7rem);
}