/* ============================================================
   RAIDARAN ADVENTURE RACE · SISTEMA DE DISEÑO (DESIGN TOKENS)
   ------------------------------------------------------------
   Fuente única de verdad para COLORES y TIPOGRAFÍA.
   Cambia un valor aquí y se actualiza en TODO el sitio.
   Basado en el PDF "Escala cromática · 7 colores".
   ============================================================ */

:root {

  /* ---------- COLORES PRINCIPALES ---------- */

  /* Blood Red (PRINCIPAL) · base #920106 */
  --rojo-40:  #BE676A;   /* aclarado 40% */
  --rojo-20:  #A83438;   /* aclarado 20% */
  --rojo:     #920106;   /* BASE */
  --rojo-o20: #750105;   /* oscurecido 20% */
  --rojo-o40: #580104;   /* oscurecido 40% */
  /* Rojo puro de titulares/acento visto en el diseño */
  --rojo-vivo: #FF0000;

  /* Black (PRINCIPAL) · base #000000 */
  --negro-40: #666666;
  --negro-20: #333333;
  --negro:    #000000;

  /* White Smoke (PRINCIPAL) · base #F4F4F4 */
  --blanco-40: #F8F8F8;
  --blanco-20: #F6F6F6;
  --blanco:    #F4F4F4;
  --blanco-o20:#C3C3C3;
  --blanco-o40:#929292;
  --blanco-puro:#FFFFFF;

  /* Dark Slate Grey (PRINCIPAL) · base #4E5F5A */
  --gris-40: #959F9C;
  --gris-20: #717F7B;
  --gris:    #4E5F5A;
  --gris-o20:#3E4C48;
  --gris-o40:#2F3936;

  /* ---------- COLORES DE ACENTO / COMPLEMENTARIOS ---------- */

  /* Carrot Orange (ACENTO) · base #F18F01 */
  --naranja-40: #F7BC67;
  --naranja-20: #F4A534;
  --naranja:    #F18F01;
  --naranja-o20:#C17201;
  --naranja-o40:#915601;
  /* Naranja del rombo (marquee) */
  --naranja-rombo: #FF8900;

  /* Dark Coffee (COMPLEMENTARIO) · base #2D1C11 */
  --cafe-40: #817770;
  --cafe-20: #574941;
  --cafe:    #2D1C11;
  --cafe-o20:#24160E;
  --cafe-o40:#1B110A;

  /* Sky Blue Light (COMPLEMENTARIO) · base #337CA0 */
  --azul-40: #85B0C6;
  --azul-20: #5C96B3;
  --azul:    #337CA0;
  --azul-o20:#296380;
  --azul-o40:#1F4A60;

  /* ---------- ROLES SEMÁNTICOS (usa estos en los componentes) ---------- */
  --color-primario:      var(--rojo);
  --color-primario-vivo: var(--rojo-vivo);
  --color-acento:        var(--naranja);
  --color-fondo:         var(--blanco);
  --color-fondo-oscuro:  var(--negro);
  --color-superficie:    var(--blanco-puro);
  --color-texto:         var(--negro);
  --color-texto-suave:   var(--gris);
  --color-texto-inverso: var(--blanco);
  --color-borde:         var(--blanco-o20);

  /* ---------- TIPOGRAFÍA ---------- */
  /* Títulos: Chakra Petch (Bold 700). Cuerpo: Poppins (Regular 400). */
  --fuente-titulo: "Chakra Petch", system-ui, sans-serif;
  --fuente-cuerpo: "Poppins", system-ui, sans-serif;

  --peso-titulo: 700;
  --peso-cuerpo: 400;
  --peso-medio:  500;
  --peso-semi:   600;

  /* Escala tipográfica fluida (se adapta al ancho de pantalla) */
  --fs-hero:   clamp(2.75rem, 8vw, 6.5rem);   /* RAIDARAN ADVENTURE RACE */
  --fs-h1:     clamp(2rem, 5vw, 4rem);        /* titulares de sección */
  --fs-h2:     clamp(1.6rem, 3.5vw, 2.75rem);
  --fs-h3:     clamp(1.15rem, 2vw, 1.5rem);
  --fs-stat:   clamp(1.75rem, 4vw, 3rem);     /* +200, +7k... */
  --fs-cuerpo: clamp(1rem, 1.15vw, 1.125rem);
  --fs-peque:  0.875rem;
  --fs-mini:   0.75rem;

  --interlinea-titulo: 1.02;
  --interlinea-cuerpo: 1.6;
  --tracking-titulo: 0.01em;
  --tracking-mayus:  0.06em;   /* para textos en MAYÚSCULAS */

  /* ---------- ESPACIADO ---------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* ---------- LAYOUT ---------- */
  --ancho-max: 1280px;      /* igual que el diseño original */
  --ancho-contenido: 1100px;
  --radio: 4px;
  --radio-grande: 10px;

  /* ---------- OTROS ---------- */
  --sombra: 0 10px 30px rgba(0,0,0,.18);
  --sombra-suave: 0 4px 14px rgba(0,0,0,.10);
  --transicion: 220ms ease;
}