/* Academia Chamberí - tokens web
   Heredados del sistema de Talleres Verano, adaptados a escala web (rem, fluido).
   Paleta y tipos compartidos por las 3 variantes; cada variante reescribe los acentos. */

:root {
  /* Marca */
  --green: #009900;
  --green-dark: #007a00;
  --green-darker: #064d0a;
  --green-light: #00b800;
  --green-tint: #eafbe7;   /* verde muy claro: fondos de puertas/tarjetas infantiles y rellenos ghost */
  --green-note: #e9f5e4;   /* verde nota del comentario del visor (se lee como anotación) */
  --red: #ff2d55;
  --red-dark: #d92447;
  --amber: #b8860b;        /* anotación NAG "interesante/dudosa" (!?/?!) del visor */

  /* Neutros */
  --ink: #0d0d0d;
  --ink-soft: #2a2a2a;
  --paper: #ffffff;
  --gray-100: #f4f4f4;
  --gray-200: #e7e7e7;
  --gray-300: #d3d3d3;
  --gray-500: #8c8c8c;
  --gray-700: #444444;
  /* Superficies y texto sobre secciones oscuras (fondo tinta) */
  --on-dark-soft: #cfcfcf;   /* texto atenuado sobre oscuro */
  --line-dark: #3a3a3a;      /* filetes/bordes y rango tenue sobre oscuro */
  --surface-dark: #141414;   /* superficie elevada (tarjetas) sobre oscuro */

  /* Roles (los reescribe cada variante) */
  --bg: var(--paper);
  --bg-alt: var(--gray-100);
  --fg: var(--ink);
  --accent: var(--green);
  --spark: var(--red);
  /* Acentos aptos para texto pequeño y fondos con texto blanco (AA 4.5+);
     los vivos quedan para superficies grandes, subrayados y grafismo */
  --accent-ink: var(--green-dark);
  --spark-ink: var(--red-dark);
  --on-accent: #ffffff;
  /* PROVISIONAL: color del principal Infantil (marcador hasta confirmar el brandbook).
     La paleta de marca es verde/rojo/negro; este azul solo diferencia Infantil. */
  --kids: #1a66cc;

  /* Tipografía */
  --font-display: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;

  /* Escala fluida */
  --fs-eyebrow: 0.8125rem;     /* 13px */
  --fs-sm: 0.9375rem;          /* 15px */
  --fs-base: 1.0625rem;        /* 17px */
  --fs-lg: 1.25rem;            /* 20px */
  --fs-xl: clamp(1.4rem, 1.1rem + 1.2vw, 1.75rem);
  --fs-h3: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  --fs-h2: clamp(2rem, 1.4rem + 3vw, 3.25rem);
  --fs-h1: clamp(2.6rem, 1.6rem + 5vw, 5rem);
  --fs-display: clamp(3.2rem, 1.8rem + 7vw, 7rem);

  /* Interlineados y tracking */
  --lh-tight: 1.02;
  --lh-snug: 1.15;
  --lh-normal: 1.55;
  --tracking-tight: -0.02em;
  --tracking-wider: 0.14em;

  /* Espaciado */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;
  --space-8: 10rem;

  /* Estructura */
  --maxw: 1240px;
  --maxw-narrow: 820px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --rule: 3px;
  --rule-thick: 6px;
  --radius: 0px;       /* brutalista: sin redondeo por defecto */
  /* Escala de sombra dura opaca (offset creciente, tinta llena). Las sombras rgba con alfa
     que hay por las páginas son arte dirigido puntual y NO forman parte de esta escala. */
  --shadow-hard-sm: 4px 4px 0 var(--ink);
  --shadow-hard: 8px 8px 0 var(--ink);
  --shadow-hard-lg: 10px 10px 0 var(--ink);
  --shadow-btn-hover: 6px 6px 0 var(--ink);   /* elevación del botón en hover */
}