/* Tokens de diseño — Pequeño Aprendiz
   Procedencia: [M] medido de la referencia/logo · [I] inferido · [A] decisión propia (accesibilidad u otra) */
:root {
  /* Cielo [M del hero nuevo: cielo plano #b6e9f7] */
  --sky-top: #a8e0f5;
  --sky-mid: #b6e9f7;
  --sky-low: #c8eefa;
  --sky-50: #f1fbfd;

  /* Marca (logo) [M] */
  --navy-logo: #305090;
  --purple: #a070b0;
  --green: #a0c040;
  --orange: #f08040;
  --red: #e02050;
  --cyan: #0090d0;
  --yellow: #f0c020;

  /* Titulares y botones de la referencia [M, ajustados por contraste donde se indica] */
  --navy: #162e67;           /* [M] titulares */
  --pink: #d6336a;           /* [A] ref #e74a7a (3.7:1) → 4.6:1 con blanco */
  --pink-hover: #bf2a5c;
  --blue: #1f78c8;           /* [A] ref #53acf3 (2.5:1) → 4.6:1 con blanco */
  --blue-hover: #1a68ae;
  --blue-text: #1a6bb0;      /* enlaces/cifras azules sobre crema */

  /* Tarjetas de programas [M color · A ajuste de contraste] */
  --card-blue: #1f78c8;
  --card-pink: #d6336a;
  --card-green: #9ac342;     /* [M] texto azul marino */
  --card-orange: #f5af2b;    /* [M] texto azul marino */
  --card-purple: #7d52a6;    /* [A] 5.º programa, derivado del morado del logo */

  /* Franja crema y pie [M] */
  --cream: #fef9d8;
  --cream-deep: #fff2bd;
  --footer-green: #497f19;   /* [A] ref #669a2c (3.4:1) → 4.9:1 con blanco */

  /* Arcoíris de la referencia [M rojo/naranja/amarillo · I resto] */
  --rb-red: #f17a74;
  --rb-orange: #f7ad4f;
  --rb-yellow: #fcdf40;
  --rb-green: #8dcc6b;
  --rb-blue: #6bb4ee;
  --rb-purple: #a98ad8;

  /* Texto y superficies [A] */
  --ink: #1f2a4d;
  --muted: #4a5578;
  --red-text: #b8143a;
  --white: #ffffff;
  --line: #dde6f3;
  --wa: #0b7a40;
  --wa-hover: #096a37;

  /* Tipografía [I] */
  --font-display: "Fredoka", "Baloo 2", "Trebuchet MS", system-ui, sans-serif;
  --font-body: "Nunito", "Segoe UI", system-ui, sans-serif;

  /* Espaciado [A] */
  --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;

  /* Forma [M: tarjetas y botones de la referencia] */
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 8px rgba(22, 46, 103, 0.08);
  --shadow-md: 0 10px 28px -10px rgba(22, 46, 103, 0.28);
  --shadow-lg: 0 24px 60px -20px rgba(22, 46, 103, 0.4);

  /* Layout [A] */
  --container: 1200px;
  --gutter: 24px;

  /* Movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-press: 140ms;
  --dur-hover: 220ms;
  --dur-reveal: 600ms;
}