/* ═══════════════════════════════════════════════════════════════════════
   CARBÓN REWARDS — tokens.css
   Fuente única de verdad para los tokens de color / layout / motion.
   app.css y cualquier página con <style> embebido (login.php, etc.)
   deben referenciar este archivo en vez de redeclarar variables.
   Si necesitas cambiar un color de marca, cámbialo SOLO aquí.
═══════════════════════════════════════════════════════════════════════ */
:root {
  /* ── Marca ── */
  --red:        #cc1f1f;
  --red-deep:   #a81515;
  --red-light:  #e53030;
  --red-pale:   #fff5f5;
  --red-dk:     #a81818;
  --red-lt:     rgba(204,31,31,.13);
  --gold:       #c9a84c;

  /* ── Neutros oscuros ── */
  --black:      #111111;
  --carbon:     #1a1a1a;
  --charcoal:   #2a2a2a;

  /* ── Neutros claros / grises ── */
  --gray-dark:  #444444;
  --gray-mid:   #767676;
  --gray-light: #e0e0e0;
  --gray-bg:    #f5f5f5;
  --white:      #ffffff;
  --cream:      #f5f0eb;
  --ash:        #808080;
  --smoke:      #909090;
  --fog:        #a0a0a0;

  /* ── Estado ── */
  --success:    #1e8c45;
  --error:      #cc1f1f;

  /* ── Layout ── */
  --sidebar-w:   260px;
  --nav-h:       62px;
  --content-max: 1200px;
  --radius:      12px;
  --radius-lg:   18px;

  /* ── Motion ── */
  --ease: cubic-bezier(.25,.46,.45,.94);

  /* ── "El Viaje del Barrio" (Ola 1 — capa de experiencia, aditivo) ──
     Reutiliza --red/--gold/--black como brasa/oro/noche para que el
     mapa no invente una paleta paralela a la marca. Solo se agregan
     los tres tokens que no existían: papel, tinta, niebla. */
  --viaje-papel:   #F2E8D5;
  --viaje-tinta:   #2B2B33;
  --viaje-niebla:  #5A5F6E;
}