/* ═════════════════════════════════════════════════════════
   MAESTRO ANIMAL — Design Tokens (shared across all pages)
   ═════════════════════════════════════════════════════════ */

:root {
  /* ─── Palette: Gris Minimalista (default) ─── */
  --c-petrol:     #2D2D2D;   /* Negro suave    — títulos, botones, menú */
  --c-natural:    #6B6B6B;   /* Gris oscuro    — texto secundario, hover */
  --c-bright:     #2D2D2D;   /* (acento = negro suave para coherencia) */
  --c-olive:      #BDBDBD;   /* Gris medio     — líneas, bordes */
  --c-olive-soft: #EEEEEE;   /* Gris claro     — fondos suaves */
  --c-white:      #FFFFFF;   /* Blanco puro    — tarjetas, fondo principal */
  --c-bg:         #FFFFFF;
  --c-text:       #2D2D2D;
  --c-muted:      #6B6B6B;
  --c-border:     #BDBDBD;
  --c-deep:       #111111;   /* Negro profundo — footer, contraste fuerte */

  --c-dog:  #2D2D2D;
  --c-cat:  #6B6B6B;
  --c-both: #BDBDBD;

  --font-h: 'Playfair Display', Georgia, serif;
  --font-b: 'Inter', system-ui, sans-serif;

  --radius-card: 14px;
  --radius-pill: 999px;
  --radius-btn:  8px;
  --shadow-card: 0 1px 3px rgba(45,45,45,.06), 0 4px 16px rgba(45,45,45,.05);
  --container: 1200px;
}

/* ─────────── MOOD: TINTA (navy + brass + cream) ─────────── */
body[data-mood="tinta"] {
  --c-petrol:     #1A2238;
  --c-natural:    #4A5578;
  --c-bright:     #C8A45C;
  --c-olive:      #D9D4C5;
  --c-olive-soft: #F5F1E8;
  --c-white:      #FFFFFF;
  --c-bg:         #FFFFFF;
  --c-text:       #1A2238;
  --c-muted:      #4A5578;
  --c-border:     #D9D4C5;
  --c-deep:       #0E1428;
  --c-dog:  #1A2238;
  --c-cat:  #C8A45C;
  --c-both: #4A5578;
}

/* ─────────── MOOD: SEPIA (cocoa + caramel + cream) ─────────── */
body[data-mood="sepia"] {
  --c-petrol:     #3B2A21;
  --c-natural:    #8C6B57;
  --c-bright:     #C9986A;
  --c-olive:      #D9C8B4;
  --c-olive-soft: #F2EAE0;
  --c-white:      #FAF6F0;
  --c-bg:         #FAF6F0;
  --c-text:       #3B2A21;
  --c-muted:      #8C6B57;
  --c-border:     #D9C8B4;
  --c-deep:       #2A1D17;
  --c-dog:  #3B2A21;
  --c-cat:  #C9986A;
  --c-both: #8C6B57;
}

/* ─────────── VOICE TWEAKS ─────────── */
body[data-voice="manuscrita"] { --font-h: 'Caveat', 'Playfair Display', cursive; }
body[data-voice="magazine"]   { --font-h: 'Archivo Black', 'Inter', sans-serif; }