/* Official EmpowerFlow palette, transcribed from the supplied Brand Book.
   Interface roles preserve contrast; see docs/branding.md for derived colors.
   Official Stolzl / Neue Montreal font embedding awaits licensing proof. */
:root {
  --brand-navy: #061450;
  --brand-indigo: #3256FB;
  --brand-aqua: #12CDFF;
  --brand-frosted: #A0EBFF;
  --brand-white: #FFFFFF;
  --brand-prussian: #030A28;
  --brand-fuchsia: #FE4854;
  --brand-mint: #2DFFAE;
  --brand-mist: #C6F3FF;
  --brand-snow: #F9F9F9;

  /* Approved structural UI neutrals; official brand colors remain above. */
  --ui-dark-primary: #141416;
  --ui-dark-secondary: #212224;

  --color-background: var(--brand-white);
  --color-surface: var(--brand-white);
  --color-surface-subtle: var(--brand-snow);
  --color-surface-tint: #F3F6FF;
  --color-highlight: var(--brand-white);
  --color-border: #E1E2E6;
  --color-border-strong: #878B95;
  --color-text: var(--brand-navy);
  --color-muted: #62646D;
  --color-action: var(--brand-indigo);
  --color-action-hover: #2342C7;
  --color-accent: var(--brand-aqua);
  --color-dark: var(--ui-dark-primary);
  --color-dark-deep: var(--ui-dark-secondary);
  --color-on-dark: var(--brand-white);
  --color-dark-muted: #C4C5CC;
  --color-dark-border: #FFFFFF26;
  --color-dark-hover: #FFFFFF0D;
  --color-dark-surface: var(--ui-dark-secondary);
  --color-hover: #06145008;
  --color-success: #076444;
  --color-success-surface: #E4FFF4;
  --color-success-border: #90D9BC;
  --color-warning: #795000;
  --color-warning-surface: #FFF6E1;
  --color-warning-border: #E5CC90;
  --color-error: #B11E35;
  --color-error-surface: #FFF0F2;
  --color-error-border: #F1B6C2;
  --color-focus: var(--brand-indigo);
  --color-focus-dark: var(--brand-aqua);
  --color-overlay: #030A2870;
  --color-shadow: #0614501A;
  --color-shadow-soft: #0614500D;

  --chart-line: var(--brand-indigo);
  --chart-grid: var(--color-border);
  --chart-label: var(--color-muted);

  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: var(--font-body);
  --font-mono: 'Cascadia Code', Consolas, monospace;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --text-caption: 0.6875rem;
  --text-small: 0.75rem;
  --text-body: 0.875rem;
  --text-heading: 1.25rem;
  --text-title: 2.625rem;
  --radius-small: 4px;
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-pill: 999px;
  --space-small: 8px;
  --space-medium: 16px;
  --space-large: 24px;
  --shadow-small: none;
  --shadow-toast: 0 8px 30px var(--color-shadow);
  --focus-width: 3px;
  --focus-offset: 3px;
}