:root {
  --ft-navy: #1a3260;
  --ft-navy-dark: #122648;
  --ft-navy-soft: #2a4478;
  --ft-red: #e02329;
  --ft-red-dark: #b91c22;
  --ft-red-soft: #fef2f2;

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

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

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