:root {
  --flc-navy: #1a3260;
  --flc-navy-dark: #122648;
  --flc-navy-soft: #2a4478;
  --flc-blue: #2563eb;
  --flc-blue-light: #3b82f6;
  --flc-pink: #e0337a;
  --flc-pink-dark: #be185d;
  --flc-pink-soft: #fdf2f8;
  --flc-orange: #f59e0b;
  --flc-orange-dark: #d97706;
  --flc-yellow: #fbbf24;
  --flc-green: #16a34a;
  --flc-purple: #7c3aed;
  --flc-red: #e02329;
  --flc-red-dark: #b91c22;
  --flc-red-soft: #fef2f2;

  --flc-bg: var(--flc-navy);
  --flc-bg-soft: var(--flc-navy-dark);
  --flc-surface: #ffffff;
  --flc-surface-muted: #f4f6fa;
  --flc-text: #1f2937;
  --flc-text-soft: #6b7280;
  --flc-primary: var(--flc-pink);
  --flc-primary-dark: var(--flc-pink-dark);
  --flc-accent: var(--flc-blue);
  --flc-border: #e5e7eb;

  --flc-radius: 12px;
  --flc-radius-sm: 8px;
  --flc-radius-pill: 999px;
  --flc-container: 1200px;
  --flc-font: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --flc-font-script: "Dancing Script", cursive;

  --flc-shadow: 0 12px 40px rgba(26, 50, 96, 0.08);
  --flc-shadow-sm: 0 4px 16px rgba(26, 50, 96, 0.06);
  --flc-header-height: 88px;
}