:root {
  --al-deep-navy: #0A1F33;
  --al-electric-blue: #2563EB;
  --al-teal: #14B8A6;
  --al-teal-dark: #0F8F87;
  --al-calm-green: #67C23A;
  --al-slate-gray: #64748B;
  --al-warm-white: #FAFAFC;
  --al-border: #D5E1E7;
  --al-text: #0A1F33;
  --al-surface: #FFFFFF;

  /* Semantic design-system aliases: audit baseline for consistent theming across every route. */
  --al-color-primary: var(--al-electric-blue);
  --al-color-primary-hover: #1D4ED8;
  --al-color-primary-soft: #EAF2FF;
  --al-color-secondary: var(--al-teal-dark);
  --al-surface-subtle: #F6F9FC;
  --al-surface-raised: #FFFFFF;
  --al-text-muted: #526579;
  --al-border-strong: #9FB2C7;
  --al-success: #2F7D1B;
  --al-danger: #B91C1C;

  /* 4px/8px modular spacing rhythm. */
  --al-space-1: 0.25rem;
  --al-space-2: 0.5rem;
  --al-space-3: 0.75rem;
  --al-space-4: 1rem;
  --al-space-5: 1.25rem;
  --al-space-6: 1.5rem;
  --al-space-8: 2rem;
  --al-space-12: 3rem;

  /* Shared type and interaction scale. */
  --al-font-size-label: 0.875rem;
  --al-font-size-small: 0.9375rem;
  --al-font-size-body: 1rem;
  --al-font-size-title: 1.25rem;
  --al-control-min-height: 2.75rem;
  --al-target-min-size: 2.75rem;
  --al-motion-fast: 140ms;
  --al-motion-standard: 220ms;

  --al-font-heading: "Space Grotesk", "Aptos Display", "Arial", sans-serif;
  --al-font-body: "Manrope", "Aptos", "Arial", sans-serif;

  --al-radius-sm: 8px;
  --al-radius-md: 12px;
  --al-radius-lg: 16px;
  --al-radius-xl: 24px;

  --al-shadow-card: 0 8px 24px rgba(10, 31, 51, 0.10);
  --al-focus-color: #1d4ed8;
  --al-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.28);
}

.al-brand-primary { color: var(--al-deep-navy); }
.al-brand-accent { color: var(--al-teal-dark); }
.al-status-success { color: #2F7D1B; background: #ECF8E6; }
.al-button-primary {
  background: var(--al-electric-blue); color: #fff; border-radius: var(--al-radius-md);
}
.al-card {
  background: var(--al-surface); border: 1px solid var(--al-border);
  border-radius: var(--al-radius-lg); box-shadow: var(--al-shadow-card);
}