:root {
  /* Paleta institucional Fundación Kairos (docs/Colores.png) */
  --ft-navy: #21264a;
  --ft-navy-dark: #191d3f;
  --ft-navy-soft: #2f3458;
  --ft-celeste: #14b8ba;
  --ft-celeste-dark: #0e989a;
  --ft-celeste-soft: #e6f8f8;
  --ft-celeste-mid: #28bec1;
  --ft-donate: #e31c24;
  --ft-donate-dark: #c4161d;
  --ft-gold: #f0c419;

  /* Alias de acento de marca (teal). El rojo de donar es --ft-donate. */
  --ft-red: var(--ft-celeste);
  --ft-red-dark: var(--ft-celeste-dark);
  --ft-red-soft: var(--ft-celeste-soft);

  --ft-bg: var(--ft-navy);
  --ft-bg-soft: var(--ft-navy-dark);
  --ft-surface: #ffffff;
  --ft-surface-muted: #f2f8f9;
  --ft-text: #1f2437;
  --ft-text-soft: #5b6478;
  --ft-primary: var(--ft-celeste);
  --ft-primary-dark: var(--ft-celeste-dark);
  --ft-accent: var(--ft-navy);
  --ft-border: #d7e4e8;

  --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(33, 38, 74, 0.10);
  --ft-shadow-sm: 0 4px 16px rgba(33, 38, 74, 0.07);
  --ft-header-height: 88px;
}