/* Design reference v0.1. Values mirror tokens.json; not yet imported by product UI. */
:root {
  color-scheme: dark;
  --vpn-background: #000000; --vpn-surface: #0C0C0C;
  --vpn-text: #FFFFFF; --vpn-muted: #A5A5A5; --vpn-divider: #3B3B3B;
  --vpn-control-border: #808080; --vpn-primary: #FFFFFF; --vpn-on-primary: #000000;
  --vpn-hover: #E5E5E5; --vpn-focus: #FFFFFF;
  --vpn-font-ui: Arial, system-ui, sans-serif;
  --vpn-font-display: Consolas, ui-monospace, SFMono-Regular, Menlo, monospace;
  --vpn-space-1: 4px; --vpn-space-2: 8px; --vpn-space-3: 12px; --vpn-space-4: 16px;
  --vpn-space-6: 24px; --vpn-space-8: 32px; --vpn-space-12: 48px; --vpn-space-16: 64px;
  --vpn-radius-control: 0; --vpn-radius-card: 0;
  --vpn-control-height: 48px; --vpn-hit-area: 48px;
  --vpn-focus-width: 2px; --vpn-focus-offset: 4px;
  --vpn-motion-fast: 120ms; --vpn-motion-normal: 180ms;
  --vpn-type-body: 16px; --vpn-type-caption: 12px; --vpn-type-card-title: 20px;
  --vpn-type-screen-title: 32px; --vpn-type-hero-max: 80px;
}