/* ═══════════════════════════════════════════════════════════
   EduCan · PALETA OFICIAL — fuente única de verdad
   Negro · Blanco · Amarillo (terciario, con moderación)
   Todas las páginas importan este archivo. No definir colores
   de marca en ningún otro sitio.
   ═══════════════════════════════════════════════════════════ */

:root{
  /* — Base — */
  --negro:      #0b0b0b;
  --negro-2:    #131313;
  --negro-3:    #1e1e1e;
  --negro-4:    #2b2b2b;

  --blanco:     #ffffff;
  --hueso:      #f6f5f2;   /* blanco cálido para superficies grandes */
  --hueso-2:    #ebe9e4;
  --hueso-3:    #ddd9d2;

  /* — Acento terciario (usar poco: CTAs, detalles, énfasis) — */
  --amarillo:      #f2c230;
  --amarillo-alto: #ffd84d;
  --amarillo-bajo: #c99e1c;

  /* — Grises de apoyo — */
  --gris:       #6f6f6f;   /* texto secundario sobre claro */
  --gris-claro: #9a9a9a;   /* texto secundario sobre oscuro */
  --linea:      #d8d5cf;   /* separadores sobre claro */
  --linea-osc:  #2c2c2c;   /* separadores sobre oscuro */

  /* — Semánticos (no cuentan como acento de marca) — */
  --ok:    #4ea86a;
  --error: #d9534f;

  /* — Tipografía — */
  --sans:  'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --serif: 'Newsreader', Georgia, serif;

  /* ─────────────────────────────────────────────────────────
     ALIAS de compatibilidad.
     Los nombres antiguos siguen funcionando, pero ahora
     apuntan a la paleta oficial. Así ninguna página se sale
     de la marca aunque use tokens viejos.
     ───────────────────────────────────────────────────────── */
  --ink:        var(--negro);
  --ink-2:      var(--negro-2);
  --ink-3:      var(--negro-3);
  --cream:      var(--hueso);
  --cream-2:    var(--hueso-2);
  --cream-3:    var(--hueso-3);
  --line:       var(--linea);
  --muted:      var(--gris);
  --muted-2:    var(--gris-claro);

  /* el antiguo verde oliva y el ámbar ahora son el amarillo de marca */
  --olive:      var(--amarillo-bajo);
  --olive-soft: var(--amarillo);
  --olive-hot:  var(--amarillo-alto);
  --amber:      var(--amarillo);

  /* tokens del portal / admin */
  --carbon:     var(--negro-2);
  --superficie: var(--negro-3);
  --borde:      var(--linea-osc);
  --borde-2:    rgba(255,255,255,.08);
  --dorado:     var(--amarillo);
  --dorado-sua: var(--amarillo-alto);
  --dorado-deep:var(--amarillo-bajo);
  --texto:      var(--hueso);
  --crema:      var(--hueso);
  --tenue:      var(--gris-claro);
  --exito:      var(--ok);
  --display:    var(--serif);
}