/* ─────────────────────────────────────────────────────────────────────────
   Tiendita de Curiosidades · Color Tokens (v1.1, 2026-10-08 — magenta del logo oficial)
   Reconstruido del respaldo de tienditadecuriosidades.com (2026-10-06):
   colores muestreados del logo kanji vigente, de las ilustraciones del sitio
   y de las variables del tema en producción. "Una tiendita mística y mágica":
   morado de noche + pasteles kawaii con contorno ciruela + destellos.
   Contrastes WCAG 2.2 calculados (ver README §Contraste).
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Marca (del logo oficial kanji 奇, assets/brand/logo.svg) ──────────── */
  --td-magenta:      #c729ae;  /* Magenta curioso — fondo del logo, COLOR DE MARCA PRINCIPAL */
  --td-mistico:      #5e3971;  /* Morado místico — color del logo 2024 del sitio; tono oscuro secundario (propuesta) */
  --td-mistico-deep: #440a29;  /* Ciruela tinta — contornos de ilustración, texto oscuro */
  --td-lavanda:      #efebf1;  /* Lavanda humo — letras del logo, fondo claro */
  --td-violeta:      #9400d3;  /* Violeta del sitio actual (legado). NO junto al magenta (1.36:1, vibran); revisar en el rediseño */

  /* ── Pasteles kawaii (ilustraciones del sitio) ───────────────────────── */
  --td-menta:        #00e9c2;  /* Menta poción — acento brillante, destellos */
  --td-menta-suave:  #bcf3e2;  /* Menta niebla — fondos de tarjetas */
  --td-lila:         #c1aee9;  /* Lila hechizo */
  --td-lila-fuerte:  #d495d7;  /* Orquídea */
  --td-rosa:         #e9c4d9;  /* Rosa algodón */
  --td-cielo:        #6cb5e9;  /* Cielo pin */
  --td-oro:          #e9cb6b;  /* Oro de cuerno — detalles mínimos */

  /* ── Neutros ─────────────────────────────────────────────────────────── */
  --td-blanco:       #ffffff;
  --td-papel:        #f5f7f9;  /* fondo de página del sitio */
  --td-tinta:        #10181f;  /* texto de títulos/links en el sitio */
  --td-texto:        #60686f;  /* texto de cuerpo en el sitio (5.7:1 sobre blanco) */

  /* ── Roles ───────────────────────────────────────────────────────────── */
  --bg-page:         var(--td-lavanda);
  --bg-brand:        var(--td-magenta);
  --text-on-light:   var(--td-mistico-deep);
  --text-on-brand:   var(--td-blanco);      /* blanco sobre magenta 4.8:1; lavanda solo texto grande (4.1) */
  --cta-bg:          var(--td-magenta);     /* propuesta para el rediseño (sitio actual usa --td-violeta) */
  --cta-text:        var(--td-blanco);
  --sparkle:         var(--td-menta);
  --outline-illus:   var(--td-mistico-deep);  /* contorno grueso de ilustraciones */
}