:root {
  --v2-color-ink: #17211F;
  --v2-color-paper: #F7F9F8;
  --v2-color-surface: #FFFFFF;
  --v2-color-muted: #5E6B67;
  --v2-color-border: #D7E0DC;
  --v2-color-signal: #08745D;
  --v2-color-signalStrong: #065C4A;
  --v2-color-info: #1769AA;
  --v2-color-success: #087F5B;
  --v2-color-warning: #9A6700;
  --v2-color-danger: #B42318;
  --v2-color-focus: #1769AA;
  --v2-color-darkSurface: #17211F;
  --v2-color-darkText: #F7F9F8;
  --v2-font-ui: Arial, Helvetica, sans-serif;
  --v2-font-display: Arial, Helvetica, sans-serif;
  --v2-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --v2-space-1: 4px;
  --v2-space-2: 8px;
  --v2-space-3: 12px;
  --v2-space-4: 16px;
  --v2-space-5: 24px;
  --v2-space-6: 32px;
  --v2-space-7: 48px;
  --v2-space-8: 64px;
  --v2-radius-sm: 3px;
  --v2-radius-md: 5px;
  --v2-radius-lg: 8px;
  --v2-motion-fast: 120ms;
  --v2-motion-normal: 180ms;
  --v2-motion-slow: 240ms;
  --v2-motion-ease: cubic-bezier(.2, .8, .2, 1);
  --v2-shadow-sm: 0 1px 2px rgb(23 33 31 / 10%);
  --v2-shadow-md: 0 4px 12px rgb(23 33 31 / 12%);
  --v2-font-size-xs: 12px;
  --v2-font-size-sm: 14px;
  --v2-font-size-md: 16px;
  --v2-font-size-lg: 20px;
  --v2-font-size-xl: 28px;
  --v2-font-size-hero: 44px;
  --v2-line-height-tight: 1.2;
  --v2-line-height-normal: 1.5;
  --v2-line-height-relaxed: 1.65;
}

:focus-visible { outline: 2px solid var(--v2-color-focus); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; scroll-behavior: auto !important; transition-duration: 1ms !important; } }