/* Tema: Atardecer — navy oscuro + glows naranja/oro. Serif cálido (Fraunces). */

/* Fuentes autoalojadas (sin CDN de Google). woff2 variables → un fichero por subset. */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/fraunces/fraunces-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/fraunces/fraunces-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/manrope/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('/fonts/manrope/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --font:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-title:'Fraunces','Iowan Old Style',Palatino,Georgia,serif;

  --ink:#f3ecdd; --muted:#b7bfca;
  --title-on:#ffffff;

  --page-bg:
    radial-gradient(720px 360px at 10% -2%,rgba(242,149,89,.42),transparent 60%),
    radial-gradient(720px 360px at 92% 6%,rgba(242,212,146,.32),transparent 60%),
    radial-gradient(600px 400px at 50% 112%,rgba(32,44,57,.7),transparent 60%),
    linear-gradient(160deg,#202c39,#283845);

  --glass:rgba(255,255,255,.06); --glassline:rgba(255,255,255,.14);
  --shadow:0 10px 30px rgba(0,0,0,.3);
  --map-shadow:rgba(0,0,0,.45);
  --map-bg:#1b2734;

  --grad:linear-gradient(135deg,#f29559,#f2d492); --brand-on:#2a1a00; --brand-glow:rgba(242,149,89,.4);
  --count-on:#f2d492; --count-glow:rgba(242,212,146,.5);

  --wait-bg:rgba(242,212,146,.2); --wait-on:#f2d492;
  --live:#f29559; --live-on:#ffffff; --live-glow:rgba(242,149,89,.55);
  --end-bg:rgba(255,255,255,.08);
  --dot:#ffffff; --dot-pulse:rgba(255,255,255,.7);

  --wm-on:rgba(255,255,255,.75);
  --chip-bg:rgba(32,44,57,.82); --chip-on:var(--ink); --chip-line:var(--glassline);

  --pin-border:#ffffff;
  --pin-stale-bg:#566472; --pin-stale-on:#e0e6ee;

  --sec:#f2d492; --sd-on:#f29559;
  --switch-on-bg:rgba(242,149,89,.22); --switch-on-color:#f29559;

  /* color por carroza (ciclo cálido) */
  --c1:#f29559; --c1-on:#fff;
  --c2:#f2d492; --c2-on:#4a3814;
  --c3:#b8b08d; --c3-on:#3a361c;
  --c4:#6b8299; --c4-on:#fff;
  --c5:#f29559; --c5-on:#fff;
  --c6:#f2d492; --c6-on:#4a3814;
  --c7:#b8b08d; --c7-on:#3a361c;
  --c8:#6b8299; --c8-on:#fff;
}