/* ============================================================
   COMPARADOR DE PALETAS (temporal, solo para elegir color)
   Se activa con ?theme=1 y con ?paleta=<nombre>.
   Para eliminarlo: borrar este archivo, palette-preview.js,
   el <link> y el <script> de header.php y el atributo
   data-palette del <html>.
   ============================================================ */

/* 1. Tinta + latón (actual por defecto) */
:root[data-palette="ink"]{
  --color-navy-950:#0a0d10;--color-navy-900:#12181d;--color-navy-800:#1b242b;--color-navy-700:#26323b;
  --navy-950:#0a0d10;--navy-900:#12181d;--navy-800:#1b242b;--navy-700:#26323b;
  --color-gold:#c08b4c;--color-gold-light:#e2bd83;--gold:#c08b4c;--gold-light:#e2bd83;--ink:#12181d;
}

/* 2. Petróleo + arena */
:root[data-palette="petrol"]{
  --color-navy-950:#06100f;--color-navy-900:#0c1a18;--color-navy-800:#152623;--color-navy-700:#213732;
  --navy-950:#06100f;--navy-900:#0c1a18;--navy-800:#152623;--navy-700:#213732;
  --color-gold:#c9a86a;--color-gold-light:#e6d3a1;--gold:#c9a86a;--gold-light:#e6d3a1;--ink:#0c1a18;
}

/* 3. Grafito + cobre */
:root[data-palette="graphite"]{
  --color-navy-950:#0b0b0c;--color-navy-900:#151517;--color-navy-800:#1e1e21;--color-navy-700:#2b2b2f;
  --navy-950:#0b0b0c;--navy-900:#151517;--navy-800:#1e1e21;--navy-700:#2b2b2f;
  --color-gold:#c67a4a;--color-gold-light:#e0a67c;--gold:#c67a4a;--gold-light:#e0a67c;--ink:#151517;
}

/* 4. Burdeos + oro rosa */
:root[data-palette="wine"]{
  --color-navy-950:#0e090c;--color-navy-900:#180f15;--color-navy-800:#24151d;--color-navy-700:#34222c;
  --navy-950:#0e090c;--navy-900:#180f15;--navy-800:#24151d;--navy-700:#34222c;
  --color-gold:#c98a86;--color-gold-light:#e7bcb7;--gold:#c98a86;--gold-light:#e7bcb7;--ink:#180f15;
}

/* 5. Medianoche + platino */
:root[data-palette="midnight"]{
  --color-navy-950:#080d16;--color-navy-900:#0f1724;--color-navy-800:#172233;--color-navy-700:#223348;
  --navy-950:#080d16;--navy-900:#0f1724;--navy-800:#172233;--navy-700:#223348;
  --color-gold:#b9c0c9;--color-gold-light:#dde3ea;--gold:#b9c0c9;--gold-light:#dde3ea;--ink:#0f1724;
}

/* ---- Interfaz del comparador (solo aparece con ?theme=1) ---- */
#ps-palette-switch{
  position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);z-index:9999;
  display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.4rem;
  max-width:95vw;padding:.5rem .7rem;border-radius:999px;
  background:rgba(10,13,16,.92);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:0 8px 30px rgba(0,0,0,.45);font-family:Poppins,sans-serif;
}
#ps-palette-switch .ps-palette-label{
  font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.55);padding:0 .3rem;
}
#ps-palette-switch button{
  font:inherit;font-size:.72rem;letter-spacing:.05em;color:#fff;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:.38rem .75rem;cursor:pointer;transition:.2s;
}
#ps-palette-switch button:hover{background:rgba(255,255,255,.16)}
#ps-palette-switch button.is-active{
  background:var(--gold);border-color:var(--gold);color:#101418;font-weight:600;
}