/**
 * VisualCom design tokens — synced from docs/da/tokens.css
 */
:root {
  --vc-navy: #1f2a83;
  --vc-cyan: #0eb4c2;
  --vc-gold: #937e45;

  --vc-navy-x: #0a0e2e;
  --vc-navy-x-alt: #0a0e33;
  --vc-navy-d: #151d5c;
  --vc-navy-d-alt: #161c5c;
  --vc-navy-base: var(--vc-navy);
  --vc-navy-l: #2c3a9e;
  --vc-navy-xl: #3d4db8;

  --vc-cyan-base: var(--vc-cyan);
  --vc-cyan-on-dark: #7ee8f0;

  --vc-gold-base: var(--vc-gold);

  --vc-paper: #f7f9fc;
  --vc-paper-2: #f4f7fb;
  --vc-paper-3: #e9eff6;
  --vc-line: #e2e8f2;

  --vc-ink: #0c1230;
  --vc-muted: #5c6789;
  --vc-muted-on-dark: #9aa6cc;
  --vc-on-dark: #f7f9fc;
  --vc-on-dark-muted: rgba(247, 249, 252, 0.78);

  --vc-radius-xs: 6px;
  --vc-radius-sm: 10px;
  --vc-radius-md: 16px;
  --vc-radius-lg: 25px;
  --vc-radius-pill: 999px;

  --vc-ease-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --vc-ease-switch: cubic-bezier(0.4, 0, 0.2, 1);
  --vc-ease-brand: cubic-bezier(0.22, 0.68, 0.28, 1);

  --vc-font-display: "General Sans", Roboto, Arial, sans-serif;
  --vc-font-body: Roboto, Arial, sans-serif;

  --vc-max: 1340px;
  --vc-pad: clamp(20px, 5vw, 80px);
  --vc-nav-h: 132px;
}