/* variables.css — design tokens, single source of truth */
:root {
  /* Brand colors */
  --color-teal:   #00c9b1;
  --color-navy:   #001f3f;
  --color-blue:   #0074b7;
  --color-gold:   #85714d;

  /* Semantic colors */
  --color-bg:         var(--color-navy);
  --color-surface:    #00294f;
  --color-border:     rgba(0, 201, 177, 0.15);
  --color-text:       #e8f4f8;
  --color-text-muted: rgba(232, 244, 248, 0.5);
  --color-accent:     var(--color-teal);

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'DM Sans', sans-serif;
  --font-mono:    'DM Mono', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  2rem;
  --text-4xl:  2.75rem;

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  /* Spacing scale */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* Layout */
  --max-width: 1200px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5);

  /* Transitions */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* Savings module brand colors */
  --module-digital-forms:    #2895F1;
  --module-training:         #8E24A9;
  --module-safety-planner:   #3F51B5;
  --module-log-it:           #E34134;
  --module-document-library: #F36801;
  --module-analytics:        #E34134;

  /* Z-index scale */
  --z-base:    0;
  --z-raised:  100;
  --z-nav:     1000;
  --z-modal:   5000;
  --z-gate:    7000;  /* gate modal — must be above SmartIQ */
  --z-overlay: 7000;
  --z-tour:    8000;  /* onboarding tour — above gate, below toast */
  --z-toast:   9000;
}