/* GENERATED from tokens.json, v1.1.0; run node scripts/build.mjs. */
:root {
  --va-brand-navy: #00202C;
  --va-brand-energy: #41C0F0;
  --va-brand-white: #FFFFFF;
  --va-brand-black: #000000;
  --va-brand-grey: #6F6F6E;
  --va-brand-grey-tint: #EBEBEB;
  --va-font: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --va-mono: ui-monospace, Consolas, monospace;
  --va-space-1: 0.25rem;
  --va-space-2: 0.5rem;
  --va-space-3: 0.75rem;
  --va-space-4: 1rem;
  --va-space-5: 1.25rem;
  --va-space-6: 1.5rem;
  --va-space-8: 2rem;
  --va-space-12: 3rem;
  --va-space-16: 4rem;
  --va-space-24: 6rem;
  --va-radius-detail: 4px;
  --va-radius-control: 8px;
  --va-radius-card: 12px;
  --va-radius-pill: 999px;
  --va-display: clamp(2.25rem, calc(1.613636rem + 3.181818vw), 4rem);
  --va-h1: clamp(2rem, calc(1.636364rem + 1.818182vw), 3rem);
  --va-h2: clamp(1.75rem, calc(1.568182rem + 0.909091vw), 2.25rem);
  --va-h3: clamp(1.375rem, calc(1.329545rem + 0.227273vw), 1.5rem);
  --va-body: 1rem;
  --va-label: 0.875rem;
  --va-caption: 0.8125rem;
  --va-line-body: 1.5;
  --va-line-display: 1.05;
  --va-content-max: 75rem;
  --va-reading-max: 65ch;
  --va-target: 2.75rem;
  --va-focus-width: 3px;
  --va-focus-offset: 3px;
  --va-fast: 120ms;
  --va-normal: 180ms;
  --va-panel: 240ms;
  --va-ease: cubic-bezier(.2,0,0,1);
}
:root,[data-va-theme="dark"] {
  color-scheme: dark;
  --va-background: #00202C;
  --va-surface: #0A303F;
  --va-surface-raised: #123E4F;
  --va-text: #FFFFFF;
  --va-text-muted: #B3C7D0;
  --va-border: #6B8C98;
  --va-action: #41C0F0;
  --va-on-action: #00202C;
  --va-action-border: #41C0F0;
  --va-action-hover: #76D4F6;
  --va-action-pressed: #26ADE0;
  --va-link: #41C0F0;
  --va-focus: #41C0F0;
  --va-success: #63DEAB;
  --va-warning: #FFD166;
  --va-danger: #FF9DAB;
  --va-shadow: 0 12px 32px rgb(0 0 0 / .2);
}
[data-va-theme="light"] {
  color-scheme: light;
  --va-background: #F5F8FA;
  --va-surface: #FFFFFF;
  --va-surface-raised: #E8F1F5;
  --va-text: #00202C;
  --va-text-muted: #4D6570;
  --va-border: #748792;
  --va-action: #41C0F0;
  --va-on-action: #00202C;
  --va-action-border: #00202C;
  --va-action-hover: #76D4F6;
  --va-action-pressed: #26ADE0;
  --va-link: #006A8E;
  --va-focus: #006A8E;
  --va-success: #146545;
  --va-warning: #805500;
  --va-danger: #B32645;
  --va-shadow: 0 12px 32px rgb(0 32 44 / .12);
}
@media (prefers-reduced-motion: reduce) { :root { --va-fast: 1ms; --va-normal: 1ms; --va-panel: 1ms; } }
