:root {
  --fi-navy: #1a3260;
  --fi-navy-dark: #122648;
  --fi-navy-soft: #2a4478;
  --fi-orange: #f58220;
  --fi-orange-dark: #d96a0e;
  --fi-orange-soft: #fff4e8;

  --fi-red: var(--fi-orange);
  --fi-red-dark: var(--fi-orange-dark);
  --fi-red-soft: var(--fi-orange-soft);

  --fi-surface: #ffffff;
  --fi-surface-muted: #f4f8fc;
  --fi-text: #1f2937;
  --fi-text-soft: #6b7280;
  --fi-border: #dbeafe;

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

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

  /* Aliases Ebenezer → Funidea (CSS adaptado) */
  --fi-dark: var(--fi-navy-dark);
  --fi-navbar: var(--fi-navy);
  --fi-navbar-light: var(--fi-navy-soft);
  --fi-primary: var(--fi-navy);
  --fi-primary-dark: var(--fi-navy-dark);
  --fi-secondary: var(--fi-orange);
  --fi-secondary-dark: var(--fi-orange-dark);
  --fi-accent: var(--fi-orange);
  --fi-accent-dark: var(--fi-orange-dark);
  --fi-accent-text: #ffffff;
  --fi-info: var(--fi-orange);
  --fi-link: var(--fi-orange);
  --fi-link-hover: var(--fi-orange-dark);
  --fi-white: #ffffff;
  --fi-bg: #f5f8fc;
  --fi-bg-soft: #eef4fb;
  --fi-bg-programs: #e8f0f8;
  --fi-text-light: var(--fi-text-soft);
  --fi-stat-divider: #c8dff5;
  --fi-shadow-card: 0 12px 40px rgba(26, 50, 96, 0.12);
  --fi-shadow-hover: 0 18px 45px rgba(26, 50, 96, 0.18);

  /* Capas del pie de página */
  --fi-footer-cta-bg: linear-gradient(135deg, var(--fi-navy-dark) 0%, var(--fi-navy) 52%, var(--fi-navy-soft) 100%);
  --fi-footer-main-bg: linear-gradient(165deg, var(--fi-navy) 0%, #173058 100%);
  --fi-footer-bar-bg: #081629;
  --fi-footer-text: rgba(255, 255, 255, 0.78);
  --fi-footer-text-muted: rgba(255, 255, 255, 0.58);
  --fi-footer-border: rgba(255, 255, 255, 0.12);
}