/* ============================================================
   tokens.css — variables de marca de Avícola JW
   Esta es la "piel": para reajustar la marca, edita SOLO aquí.
   (Valores tomados del diseño de Claude Design + manual de marca.)
   ============================================================ */
:root {
  /* Paleta de marca */
  --azul:     #102848;   /* primario */
  --verde:    #2C492B;
  --oliva:    #5D7436;
  --dorado:   #C09A43;   /* acento */
  --crema:    #F4F1E8;   /* fondo */
  --pizarra:  #2A2E33;   /* texto */
  --blanco:   #ffffff;

  /* Estados */
  --alerta:   #B0463B;
  --ok:       #3F7D3C;
  --warn:     #C09A43;

  /* Roles semánticos */
  --primario:      var(--azul);
  --acento:        var(--dorado);
  --bg:            var(--crema);
  --superficie:    #ffffff;
  --texto:         var(--pizarra);
  --texto-suave:   #71757c;
  --borde:         #E8E3D6;
  --borde-fuerte:  #DCD6C5;

  /* Forma */
  --radio:      16px;
  --radio-sm:   10px;
  --radio-pill: 999px;

  /* Sombra */
  --sombra:    0 1px 2px rgba(16,40,72,.05), 0 14px 34px rgba(16,40,72,.07);
  --sombra-sm: 0 1px 2px rgba(16,40,72,.08);

  /* Tipografía */
  --font-titular: 'Archivo', system-ui, sans-serif;
  --font-cuerpo:  'Source Sans 3', system-ui, sans-serif;
  --font-serif:   'Bitter', Georgia, serif;
}