/* ══════════════════════════════════════════════════════════════════════
   LA FORJA — zona central en tono oscuro
   Solo cambia las variables de color dentro de <main>: el resto de la hoja
   (forja.css) las usa tal cual y se adapta sin tocar nada más. Los laterales
   y la barra de arriba conservan el pergamino claro; la ficha de papel
   (#ficha) y la impresión no cambian.
   Para volver atrás: quitar el <link> de este archivo en index.html.
   ══════════════════════════════════════════════════════════════════════ */

@media screen {
  main {
    --bg:#262019; --surface:#312a20; --surface-2:#3a3226; --surface-sunk:#1f1a14;
    --fg:#ece3cc; --fg-2:#d0c5aa; --fg-3:#b5ab92; --fg-4:#a99f87;
    --line:#40382a; --line-2:#4e4534; --line-3:#625742;
    --clay:#e39070; --clay-hi:#eea284; --clay-lo:#dc8664; --clay-bg:#40291f;
    --ultra:#a7b6e6; --ultra-bg:#272d43;
    --gold:#d6b16d; --gold-2:#e4c78a; --gold-bg:#393120; --gold-line:rgba(214,177,109,.45);
    --moss:#a1c48f; --moss-bg:#28331f;
    --wine:#e8918b; --wine-bg:#3c2523;
    background: var(--bg);
    color: var(--fg);
    color-scheme: dark;
    align-self: stretch;
    min-height: calc(100vh - 66px);
  }

  /* Botón principal y fichas marcadas: el fondo (clay) ahora es claro, así
     que el texto pasa de blanco a tinta. */
  main .btn.pri, main .btn.pri:hover, main .chip.on { color:#1d1912; }

  /* La ficha de papel se queda como papel, también si se muestra en pantalla. */
  main #ficha, main #ficha * {
    --bg:#faf7ef; --surface:#fffdf8; --surface-2:#f5f1e6; --surface-sunk:#ede8da;
    --fg:#1d1912; --fg-2:#5c5545; --fg-3:#8d8574; --fg-4:#b3ab99;
    --line:#e7e0cf; --line-2:#d8d0bb; --line-3:#c6bca3;
    --clay:#b1492f; --clay-hi:#c96545; --clay-lo:#8d3520; --clay-bg:#fbeee9;
    --ultra:#39497a; --ultra-bg:#eef0f7;
    --gold:#a67c3d; --gold-2:#c9a765; --gold-bg:#f8f1e0; --gold-line:rgba(166,124,61,.42);
    --moss:#4f6b41; --moss-bg:#eef2e9; --wine:#8a2f2f; --wine-bg:#f9ecea;
    color-scheme: light;
  }
}