:root {
  --form-error-fg: #EF4444;
  --form-error-border: #EF4444;
  --form-focus-ring: #0256D2;
  --form-focus-ring-width: 2px;
  --form-input-bg: #FFFFFF;
  --form-input-fg: #111827;
  --form-input-border: #E2E8F0;
  --form-input-radius: 8px;
  --form-input-padding: 10px 14px;
  --form-input-border-hover: #CBD5E1;
  --form-label-fg: #586064;
  --form-label-size: 0.875rem;
  --form-label-weight: 600;
  --form-placeholder-fg: #6B7280;
  --type-body-lg: 1.125rem;
  --type-body-md: 1rem;
  --type-body-sm: 0.875rem;
  --type-body-xs: 0.75rem;
  --type-family-body: 'Inter', Inter, sans-serif;
  --type-family-accent: 'Inter', sans-serif;
  --type-family-heading: 'Syne', Georgia, serif;
  --type-weight-bold: 700px;
  --type-weight-medium: 500px;
  --type-weight-normal: 400px;
  --type-weight-semibold: 600px;
  --type-weight-extrabold: 800px;
  --type-heading-lg: 2rem;
  --type-heading-md: 1.5rem;
  --type-heading-sm: 1.25rem;
  --type-heading-xl: 3rem;
  --type-line-height-tight: 1.2px;
  --type-line-height-normal: 1.5px;
  --type-line-height-relaxed: 1.75px;
  --color-brand-primary: #0256D2;
  --color-brand-secondary: #E87722;
  --color-brand-heading-teal: #0F3D3E;
  --color-brand-primary-dark: #002154;
  --color-brand-primary-light: #2E6DB4;
  --color-brand-primary-accent: #0050CB;
  --color-neutral-white: #FFFFFF;
  --color-neutral-gray100: #F3F4F6;
  --color-neutral-gray200: #E2E8F0;
  --color-neutral-gray500: #6B7280;
  --color-neutral-gray600: #586064;
  --color-neutral-gray800: #1F2937;
  --color-neutral-gray900: #111827;
  --color-neutral-surface: #F5F6F8;
  --color-neutral-dark-navy: #0B1329;
  --color-neutral-surface-alt: #F9F9FF;
  --color-feedback-info: #3B82F6;
  --color-feedback-error: #EF4444;
  --color-feedback-success: #10B981;
  --color-feedback-warning: #F59E0B;
  --space-lg: 2rem;
  --space-md: 1rem;
  --space-sm: 0.5rem;
  --space-xl: 3rem;
  --space-xs: 0.25rem;
  --space-2xl: 4rem;
  --button-size-lg-padding: 16px 40px;
  --button-size-md-padding: 12px 32px;
  --button-size-sm-padding: 8px 20px;
  --button-ghost-bg: rgba(255,255,255,0.15);
  --button-ghost-fg: #FFFFFF;
  --button-ghost-border: rgba(255,255,255,0.4);
  --button-ghost-radius: 9999px;
  --button-ghost-hover-bg: rgba(255,255,255,0.25);
  --button-primary-bg: #0256D2;
  --button-primary-fg: #FFFFFF;
  --button-primary-border: transparent;
  --button-primary-radius: 9999px;
  --button-primary-hover-bg: #0050CB;
  --button-secondary-bg: #E87722;
  --button-secondary-fg: #FFFFFF;
  --button-secondary-border: transparent;
  --button-secondary-radius: 9999px;
  --button-secondary-hover-bg: #D06A1E;
  --radius-lg: 16px;
  --radius-md: 8px;
  --radius-sm: 6px;
  --radius-xs: 4px;
  --radius-pill: 9999px;
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
}