/* GENERATED from docs/design/design-tokens.md — do not edit by hand. Run: node scripts/build-tokens.js */
:root {
  --vera-color-brand-hsl: 219, 87%, 33%;
  --vera-color-brand: hsla(var(--vera-color-brand-hsl), 1);
  --vera-color-brand-hover-hsl: 219, 88%, 25%;
  --vera-color-brand-hover: hsla(var(--vera-color-brand-hover-hsl), 1);
  --vera-color-brand-soft-hsl: 220, 43%, 93%;
  --vera-color-brand-soft: hsla(var(--vera-color-brand-soft-hsl), 1);
  --vera-color-on-brand-hsl: 0, 0%, 100%;
  --vera-color-on-brand: hsla(var(--vera-color-on-brand-hsl), 1);
  --vera-color-bg-hsl: 220, 23%, 97%;
  --vera-color-bg: hsla(var(--vera-color-bg-hsl), 1);
  --vera-color-surface-hsl: 0, 0%, 100%;
  --vera-color-surface: hsla(var(--vera-color-surface-hsl), 1);
  --vera-color-surface-alt-hsl: 0, 0%, 94%;
  --vera-color-surface-alt: hsla(var(--vera-color-surface-alt-hsl), 1);
  --vera-color-surface-warm-hsl: 49, 26%, 87%;
  --vera-color-surface-warm: hsla(var(--vera-color-surface-warm-hsl), 1);
  --vera-color-border-hsl: 0, 0%, 88%;
  --vera-color-border: hsla(var(--vera-color-border-hsl), 1);
  --vera-color-border-soft-hsl: 0, 0%, 94%;
  --vera-color-border-soft: hsla(var(--vera-color-border-soft-hsl), 1);
  --vera-color-text-hsl: 0, 0%, 10%;
  --vera-color-text: hsla(var(--vera-color-text-hsl), 1);
  --vera-color-text-2-hsl: 0, 0%, 33%;
  --vera-color-text-2: hsla(var(--vera-color-text-2-hsl), 1);
  --vera-color-text-muted-hsl: 0, 0%, 53%;
  --vera-color-text-muted: hsla(var(--vera-color-text-muted-hsl), 1);
  --vera-color-success-hsl: 142, 71%, 45%;
  --vera-color-success: hsla(var(--vera-color-success-hsl), 1);
  --vera-color-success-soft-hsl: 141, 84%, 93%;
  --vera-color-success-soft: hsla(var(--vera-color-success-soft-hsl), 1);
  --vera-color-success-text-hsl: 143, 64%, 24%;
  --vera-color-success-text: hsla(var(--vera-color-success-text-hsl), 1);
  --vera-color-warning-hsl: 38, 92%, 50%;
  --vera-color-warning: hsla(var(--vera-color-warning-hsl), 1);
  --vera-color-warning-soft-hsl: 46, 100%, 90%;
  --vera-color-warning-soft: hsla(var(--vera-color-warning-soft-hsl), 1);
  --vera-color-warning-text-hsl: 23, 83%, 31%;
  --vera-color-warning-text: hsla(var(--vera-color-warning-text-hsl), 1);
  --vera-color-danger-hsl: 6, 63%, 46%;
  --vera-color-danger: hsla(var(--vera-color-danger-hsl), 1);
  --vera-color-danger-hover-hsl: 5, 63%, 41%;
  --vera-color-danger-hover: hsla(var(--vera-color-danger-hover-hsl), 1);
  --vera-color-danger-soft-hsl: 0, 93%, 94%;
  --vera-color-danger-soft: hsla(var(--vera-color-danger-soft-hsl), 1);
  --vera-color-danger-text-hsl: 0, 74%, 42%;
  --vera-color-danger-text: hsla(var(--vera-color-danger-text-hsl), 1);
  --vera-color-info-soft-hsl: 189, 53%, 88%;
  --vera-color-info-soft: hsla(var(--vera-color-info-soft-hsl), 1);
  --vera-color-info-text-hsl: 189, 78%, 21%;
  --vera-color-info-text: hsla(var(--vera-color-info-text-hsl), 1);
  --vera-color-brand-50-hsl: 223, 58%, 95%;
  --vera-color-brand-50: hsla(var(--vera-color-brand-50-hsl), 1);
  --vera-color-brand-100-hsl: 221, 54%, 89%;
  --vera-color-brand-100: hsla(var(--vera-color-brand-100-hsl), 1);
  --vera-color-brand-200-hsl: 219, 55%, 78%;
  --vera-color-brand-200: hsla(var(--vera-color-brand-200-hsl), 1);
  --vera-color-brand-300-hsl: 220, 53%, 65%;
  --vera-color-brand-300: hsla(var(--vera-color-brand-300-hsl), 1);
  --vera-color-brand-400-hsl: 219, 51%, 51%;
  --vera-color-brand-400: hsla(var(--vera-color-brand-400-hsl), 1);
  --vera-color-brand-500-hsl: 218, 72%, 39%;
  --vera-color-brand-500: hsla(var(--vera-color-brand-500-hsl), 1);
  --vera-color-brand-600-hsl: 219, 87%, 33%;
  --vera-color-brand-600: hsla(var(--vera-color-brand-600-hsl), 1);
  --vera-color-brand-700-hsl: 219, 88%, 25%;
  --vera-color-brand-700: hsla(var(--vera-color-brand-700-hsl), 1);
  --vera-color-brand-800-hsl: 218, 82%, 21%;
  --vera-color-brand-800: hsla(var(--vera-color-brand-800-hsl), 1);
  --vera-color-brand-900-hsl: 217, 74%, 18%;
  --vera-color-brand-900: hsla(var(--vera-color-brand-900-hsl), 1);
  --vera-color-brand-950-hsl: 218, 74%, 11%;
  --vera-color-brand-950: hsla(var(--vera-color-brand-950-hsl), 1);
  --vera-color-neutral-50-hsl: 220, 23%, 97%;
  --vera-color-neutral-50: hsla(var(--vera-color-neutral-50-hsl), 1);
  --vera-color-neutral-100-hsl: 216, 17%, 94%;
  --vera-color-neutral-100: hsla(var(--vera-color-neutral-100-hsl), 1);
  --vera-color-neutral-200-hsl: 217, 15%, 90%;
  --vera-color-neutral-200: hsla(var(--vera-color-neutral-200-hsl), 1);
  --vera-color-neutral-300-hsl: 217, 15%, 83%;
  --vera-color-neutral-300: hsla(var(--vera-color-neutral-300-hsl), 1);
  --vera-color-neutral-400-hsl: 218, 10%, 64%;
  --vera-color-neutral-400: hsla(var(--vera-color-neutral-400-hsl), 1);
  --vera-color-neutral-500-hsl: 219, 8%, 48%;
  --vera-color-neutral-500: hsla(var(--vera-color-neutral-500-hsl), 1);
  --vera-color-neutral-600-hsl: 0, 0%, 33%;
  --vera-color-neutral-600: hsla(var(--vera-color-neutral-600-hsl), 1);
  --vera-color-neutral-700-hsl: 219, 10%, 27%;
  --vera-color-neutral-700: hsla(var(--vera-color-neutral-700-hsl), 1);
  --vera-color-neutral-800-hsl: 218, 12%, 18%;
  --vera-color-neutral-800: hsla(var(--vera-color-neutral-800-hsl), 1);
  --vera-color-neutral-900-hsl: 0, 0%, 10%;
  --vera-color-neutral-900: hsla(var(--vera-color-neutral-900-hsl), 1);
  --vera-color-neutral-950-hsl: 216, 16%, 6%;
  --vera-color-neutral-950: hsla(var(--vera-color-neutral-950-hsl), 1);
  --vera-color-success-50-hsl: 138, 76%, 97%;
  --vera-color-success-50: hsla(var(--vera-color-success-50-hsl), 1);
  --vera-color-success-100-hsl: 141, 84%, 93%;
  --vera-color-success-100: hsla(var(--vera-color-success-100-hsl), 1);
  --vera-color-success-200-hsl: 141, 79%, 85%;
  --vera-color-success-200: hsla(var(--vera-color-success-200-hsl), 1);
  --vera-color-success-300-hsl: 142, 77%, 73%;
  --vera-color-success-300: hsla(var(--vera-color-success-300-hsl), 1);
  --vera-color-success-400-hsl: 142, 69%, 58%;
  --vera-color-success-400: hsla(var(--vera-color-success-400-hsl), 1);
  --vera-color-success-500-hsl: 142, 71%, 45%;
  --vera-color-success-500: hsla(var(--vera-color-success-500-hsl), 1);
  --vera-color-success-600-hsl: 142, 76%, 36%;
  --vera-color-success-600: hsla(var(--vera-color-success-600-hsl), 1);
  --vera-color-success-700-hsl: 142, 72%, 29%;
  --vera-color-success-700: hsla(var(--vera-color-success-700-hsl), 1);
  --vera-color-success-800-hsl: 143, 64%, 24%;
  --vera-color-success-800: hsla(var(--vera-color-success-800-hsl), 1);
  --vera-color-success-900-hsl: 144, 61%, 20%;
  --vera-color-success-900: hsla(var(--vera-color-success-900-hsl), 1);
  --vera-color-success-950-hsl: 145, 80%, 10%;
  --vera-color-success-950: hsla(var(--vera-color-success-950-hsl), 1);
  --vera-color-warning-50-hsl: 48, 100%, 96%;
  --vera-color-warning-50: hsla(var(--vera-color-warning-50-hsl), 1);
  --vera-color-warning-100-hsl: 48, 96%, 89%;
  --vera-color-warning-100: hsla(var(--vera-color-warning-100-hsl), 1);
  --vera-color-warning-200-hsl: 48, 97%, 77%;
  --vera-color-warning-200: hsla(var(--vera-color-warning-200-hsl), 1);
  --vera-color-warning-300-hsl: 45, 96%, 64%;
  --vera-color-warning-300: hsla(var(--vera-color-warning-300-hsl), 1);
  --vera-color-warning-400-hsl: 41, 95%, 56%;
  --vera-color-warning-400: hsla(var(--vera-color-warning-400-hsl), 1);
  --vera-color-warning-500-hsl: 38, 92%, 50%;
  --vera-color-warning-500: hsla(var(--vera-color-warning-500-hsl), 1);
  --vera-color-warning-600-hsl: 37, 86%, 39%;
  --vera-color-warning-600: hsla(var(--vera-color-warning-600-hsl), 1);
  --vera-color-warning-700-hsl: 34, 83%, 35%;
  --vera-color-warning-700: hsla(var(--vera-color-warning-700-hsl), 1);
  --vera-color-warning-800-hsl: 23, 83%, 31%;
  --vera-color-warning-800: hsla(var(--vera-color-warning-800-hsl), 1);
  --vera-color-warning-900-hsl: 22, 78%, 26%;
  --vera-color-warning-900: hsla(var(--vera-color-warning-900-hsl), 1);
  --vera-color-warning-950-hsl: 24, 84%, 15%;
  --vera-color-warning-950: hsla(var(--vera-color-warning-950-hsl), 1);
  --vera-color-danger-50-hsl: 0, 86%, 97%;
  --vera-color-danger-50: hsla(var(--vera-color-danger-50-hsl), 1);
  --vera-color-danger-100-hsl: 0, 93%, 94%;
  --vera-color-danger-100: hsla(var(--vera-color-danger-100-hsl), 1);
  --vera-color-danger-200-hsl: 0, 96%, 89%;
  --vera-color-danger-200: hsla(var(--vera-color-danger-200-hsl), 1);
  --vera-color-danger-300-hsl: 0, 94%, 82%;
  --vera-color-danger-300: hsla(var(--vera-color-danger-300-hsl), 1);
  --vera-color-danger-400-hsl: 0, 91%, 71%;
  --vera-color-danger-400: hsla(var(--vera-color-danger-400-hsl), 1);
  --vera-color-danger-500-hsl: 0, 84%, 60%;
  --vera-color-danger-500: hsla(var(--vera-color-danger-500-hsl), 1);
  --vera-color-danger-600-hsl: 6, 63%, 46%;
  --vera-color-danger-600: hsla(var(--vera-color-danger-600-hsl), 1);
  --vera-color-danger-700-hsl: 0, 74%, 42%;
  --vera-color-danger-700: hsla(var(--vera-color-danger-700-hsl), 1);
  --vera-color-danger-800-hsl: 0, 70%, 35%;
  --vera-color-danger-800: hsla(var(--vera-color-danger-800-hsl), 1);
  --vera-color-danger-900-hsl: 0, 63%, 31%;
  --vera-color-danger-900: hsla(var(--vera-color-danger-900-hsl), 1);
  --vera-color-danger-950-hsl: 0, 75%, 15%;
  --vera-color-danger-950: hsla(var(--vera-color-danger-950-hsl), 1);
  --vera-color-accent-green-hsl: 110, 100%, 59%;
  --vera-color-accent-green: hsla(var(--vera-color-accent-green-hsl), 1);
  --vera-color-accent-lime-hsl: 62, 86%, 63%;
  --vera-color-accent-lime: hsla(var(--vera-color-accent-lime-hsl), 1);
  --vera-color-accent-yellow-hsl: 62, 100%, 50%;
  --vera-color-accent-yellow: hsla(var(--vera-color-accent-yellow-hsl), 1);
  --vera-color-accent-butter-hsl: 60, 96%, 79%;
  --vera-color-accent-butter: hsla(var(--vera-color-accent-butter-hsl), 1);
  --vera-color-accent-orange-hsl: 35, 100%, 50%;
  --vera-color-accent-orange: hsla(var(--vera-color-accent-orange-hsl), 1);
  --vera-color-accent-azure-hsl: 212, 100%, 51%;
  --vera-color-accent-azure: hsla(var(--vera-color-accent-azure-hsl), 1);
  --vera-color-accent-cobalt-hsl: 219, 87%, 33%;
  --vera-color-accent-cobalt: hsla(var(--vera-color-accent-cobalt-hsl), 1);
  --vera-color-accent-charcoal-hsl: 80, 4%, 17%;
  --vera-color-accent-charcoal: hsla(var(--vera-color-accent-charcoal-hsl), 1);
  --vera-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vera-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --vera-font-headline: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  --vera-font-button: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  --vera-font-size-xs: 0.8rem;
  --vera-font-size-sm: 0.85rem;
  --vera-font-size-base: 0.9rem;
  --vera-font-size-md: 1rem;
  --vera-font-size-lg: 1.1rem;
  --vera-font-size-xl: 1.25rem;
  --vera-font-size-2xl: 1.5rem;
  --vera-font-weight-normal: 400;
  --vera-font-weight-medium: 500;
  --vera-font-weight-semibold: 600;
  --vera-space-xs: 4px;
  --vera-space-sm: 8px;
  --vera-space-md: 12px;
  --vera-space-lg: 16px;
  --vera-space-xl: 24px;
  --vera-space-2xl: 32px;
  --vera-radius-sm: 4px;
  --vera-radius-md: 6px;
  --vera-radius-lg: 8px;
  --vera-radius-pill: 12px;
  --vera-radius-full: 999px;
  --vera-shadow-card: 0 1px 3px rgba(0,0,0,0.06);
  --vera-shadow-modal: 0 8px 32px rgba(0,0,0,0.2);
  --vera-shadow-toast: 0 2px 12px rgba(0,0,0,0.15);
  --vera-z-nav: 1050;
  --vera-z-toast: 1000;
  --vera-z-modal: 1200;
}