:root {
  /* ── Base ─────────────────────────────────────────── */
  --bg:        #ffffff;
  --surface:   #f9f9fb;
  --ink:       #111111;
  --muted:     #666666;
  --rule:      #e8e8e8;
  --ink-rule:  #222222;
  --max:       1280px;

  /* ── Blog — menta ────────────────────────────────── */
  --blog:      #16a34a;
  --blog-soft: #dcfce7;
  --blog-bd:   #bbf7d0;

  /* ── Ragnarok Online — rosa ───────────────────────── */
  --ro:        #e11d48;
  --ro-soft:   #fff1f2;
  --ro-bd:     #fecdd3;
  --ro-text:   #9f1239;

  /* ── World of Warcraft — azul ────────────────────── */
  --wow:       #2563eb;
  --wow-soft:  #eff6ff;
  --wow-bd:    #bfdbfe;
  --wow-text:  #1e40af;

  /* ── Cumpleaños — violeta ────────────────────────── */
  --bday:      #7c3aed;
  --bday-soft: #f5f3ff;
  --bday-bd:   #ddd6fe;

  /* ── Stream — índigo ─────────────────────────────── */
  --stream:    #4f46e5;
  --stream-soft:#eef2ff;
  --stream-bd: #c7d2fe;

  /* ── Género — bordes de avatar ───────────────────── */
  --female:    #f472b6;   /* rosa  — rol 1426916942622756924 */
  --female-bg: #fdf2f8;
  --male:      #fbbf24;   /* amarillo — rol 1426917000550285382 */
  --male-bg:   #fffbeb;
}

/* ── Tema oscuro ──────────────────────────────────────
   Solo los neutros cambian: fondo, superficie, texto y
   líneas. Los colores de marca/juego (--ro, --wow, --blog,
   --bday, --stream, --female, --male y sus variantes -soft/
   -bd/-text) se mantienen fijos: son chips autocontenidos
   (texto + fondo propio) y ya son legibles en ambos temas. */
:root[data-theme="dark"] {
  --bg:        #121212;
  --surface:   #1c1c1f;
  --ink:       #f0f0f0;
  --muted:     #a0a0a8;
  --rule:      #2c2c30;
  --ink-rule:  #3d3d42;
}