/* ============================================================================
   tokens.css  —  LA CAPA QUE CAMBIA POR COLEGIO
   ----------------------------------------------------------------------------
   Único archivo de estilos que se toca al montar otra escuela.
   Valores tomados del diseño aprobado en Claude Design.
   site.css nunca lleva un color ni una fuente escrita a mano.
   ========================================================================== */

:root {

  /* ---- Verdes ----------------------------------------------------------- */
  --verde-titular:  #1B5E2A;   /* titulares y textos grandes                 */
  --verde-claro:    #4C9A3F;   /* resalte de «palabras», enlaces al pasar    */
  --verde-boton:    #1B6B31;   /* botones y banda — 6.4:1 con texto blanco   */
  --verde-boton-h:  #14572A;   /* botones al pasar el cursor                 */
  --verde-suave:    #EFF6E7;   /* fondo tenue de botón secundario            */
  --verde-seleccion:#CFE7C2;   /* selección de texto                         */

  /* ---- Cálidos ---------------------------------------------------------- */
  --naranja:        #B05416;   /* edades de nivel y cargos del equipo        */
  --cafe:           #7A3C12;   /* bloque del test                            */
  --crema-test:     #FFF6E2;   /* texto sobre el bloque café                 */
  --dorado:         #C9A24A;   /* subrayado de «Nuestro equipo»              */

  /* ---- Fondos y superficies --------------------------------------------- */
  --crema:          #FCF7EB;   /* fondo general                              */
  --crema-cabecera: #F0F6E8;   /* cabecera fija                              */
  --linea-cabecera: #DFE8D2;
  --tarjeta:        #FFFDF7;   /* tarjetas de nivel y equipo                 */
  --borde-tarjeta:  #EADFC6;

  /* ---- Tinta ------------------------------------------------------------ */
  --tinta:          #3A3226;   /* texto general y navegación                 */
  --tinta-fuerte:   #2E2A22;   /* nombres del equipo                         */
  --tinta-2:        #4A4033;   /* bajada de portada                          */
  --tinta-3:        #5A5040;   /* descripciones de tarjeta                   */

  /* ---- Tipografía -------------------------------------------------------- */
  --f-titulo: "Baloo 2", "Nunito", ui-rounded, ui-sans-serif, system-ui, sans-serif;
  --f-texto:  "Nunito", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Forma ------------------------------------------------------------- */
  --radio:      16px;
  --radio-lg:   20px;
  --radio-xl:   26px;
  --sombra-tarjeta: 0 8px 22px rgba(90, 70, 30, .07);
  --sombra-foto:    0 18px 40px rgba(70, 50, 20, .14);
  --sombra-boton:   0 6px 16px rgba(27, 107, 49, .26);

  /* ---- Ritmo ------------------------------------------------------------- */
  --ancho:      1180px;
  --lado:       32px;
}