/* ==========================================================================
   GECO · Sistema de tokens de marca
   Fuente: Manual de Identidad v1.0 (azul marino, turquesa, blanco, gris)
   ========================================================================== */

:root {
  /* --- Azul GECO (confianza · estructura) --- */
  --geco-navy-950: #030f1c;
  --geco-navy-900: #062a49;   /* Azul GECO oficial del manual */
  --geco-navy-800: #0c3352;
  --geco-navy-700: #123a56;
  --geco-navy-600: #1c4d6e;

  /* --- Turquesa GECO (agilidad · avance) --- */
  --geco-teal-700: #166268;
  --geco-teal-600: #1d7a80;
  --geco-teal-500: #2a9fa6;   /* Turquesa GECO oficial del manual */
  --geco-teal-400: #45b8ba;
  --geco-teal-300: #7fd4cf;
  --geco-teal-100: #e3f7f5;

  /* --- Blanco y gris soporte (claridad · información secundaria) --- */
  --geco-paper: #ffffff;
  --geco-mist-100: #f5f8f9;
  --geco-mist-200: #eef3f5;
  --geco-mist-300: #d9e1e5;   /* Gris soporte oficial del manual */
  --geco-mist-400: #c1ccd2;

  /* --- Texto --- */
  --geco-ink-900: #0f1f2b;
  --geco-ink-700: #33454f;
  --geco-ink-500: #5b6d77;
  --geco-ink-400: #83949c;

  /* --- Señales funcionales (uso exclusivo de estado en portales) --- */
  --signal-success: #1f8f63;
  --signal-success-bg: #e5f5ee;
  --signal-warning: #8a5c16;
  --signal-warning-bg: #faf1de;
  --signal-danger: #c1443f;
  --signal-danger-bg: #fbe9e8;
  --signal-info: var(--geco-teal-600);
  --signal-info-bg: var(--geco-teal-100);
  --signal-muted: var(--geco-ink-500);
  --signal-muted-bg: var(--geco-mist-200);

  /* --- Tipografía --- */
  --font-display: 'Space Grotesk', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* --- Escala tipográfica fluida --- */
  --fs-display: clamp(2.5rem, 1.6rem + 3.6vw, 4.4rem);
  --fs-h1: clamp(2.1rem, 1.5rem + 2.4vw, 3.2rem);
  --fs-h2: clamp(1.6rem, 1.3rem + 1.3vw, 2.25rem);
  --fs-h3: clamp(1.2rem, 1.08rem + 0.5vw, 1.45rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* --- Radios --- */
  --radius-lg: 22px;
  --radius-md: 14px;
  --radius-sm: 9px;
  --radius-pill: 999px;

  /* --- Sombras (tinte navy, no negro puro) --- */
  --shadow-sm: 0 2px 10px rgba(6, 26, 45, 0.07);
  --shadow-md: 0 14px 34px rgba(6, 26, 45, 0.11);
  --shadow-lg: 0 26px 60px rgba(6, 26, 45, 0.16);
  --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.4);

  /* --- Ritmo / espaciado --- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* --- Bordes --- */
  --border-hair: 1px solid rgba(15, 31, 43, 0.1);
  --border-hair-strong: 1px solid rgba(15, 31, 43, 0.16);

  /* --- Contenedor --- */
  --container-max: 1240px;
  --header-h: 78px;

  /* --- Degradé insignia (motivo flecha del isotipo) --- */
  --gradient-arrow: linear-gradient(135deg, var(--geco-teal-300) 0%, var(--geco-teal-500) 52%, var(--geco-teal-700) 100%);
  --gradient-navy: linear-gradient(160deg, var(--geco-navy-900) 0%, var(--geco-navy-950) 100%);
  --gradient-hero-bg: radial-gradient(1100px 620px at 82% -8%, rgba(42, 159, 166, 0.16), transparent 60%),
                      radial-gradient(700px 500px at -6% 18%, rgba(6, 42, 73, 0.07), transparent 55%);
}