/* ==========================================================================
   RW Presenter · landing — tokens
   Base: tema «RW Presenter · Oficial» de la app (presenter-color-themes.css).
   Oscuro = valores exactos de la app. Claro = misma familia de color (matiz azul, acento #268cff),
   con el acento oscurecido lo justo para cumplir contraste AA sobre fondo claro.
   Sin sombras, sin brillos: solo superficies planas y filetes de 1px.
   ========================================================================== */

@font-face {
  font-family: "Inter Variable";
  src: url("../fonts/inter-latin-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  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: "Inter Variable";
  src: url("../fonts/inter-latin-ext-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  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;
}
/* Solo para el texto de muestra del generador (la app proyecta letras con Montserrat). */
@font-face {
  font-family: "Montserrat Demo";
  src: url("../fonts/montserrat-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Superficies (RW Presenter · Oficial) */
  --bg: #090e16;
  --surface: #101824;
  --surface-2: #131d2b;
  --popup: #101925;
  --hover: #172335;
  --active: #182e47;

  /* Filetes */
  --line: #202c3b;
  --line-strong: #34475f;

  /* Texto */
  --text: #edf3fa;
  --text-2: #b9c7d7;
  --text-3: #8191a5;

  /* Acento */
  --accent: #2655ff;
  --accent-hover: #49a1ff;
  --accent-light: #79d7f7;
  --accent-ink: #ffffff;
  --accent-tint: rgba(38, 140, 255, 0.13);
  --btn-glow: #5eb2ff;                 /* tono claro que sube en el hover de los botones primarios */
  --btn-ghost-glow: rgba(38, 140, 255, 0.34);

  /* Ventana tipo Mac */
  --win-bar: #0c131d;
  --win-title: #8191a5;

  /* Forma y ritmo */
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 18px;
  --container: 1200px;
  --gutter: clamp(20px, 4vw, 32px);
  --header-h: 64px;
  --section-y: clamp(72px, 10vw, 128px);

  --font: "Inter Variable", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

:root[data-theme="light"] {
  color-scheme: light;

  --bg: #f6f9fc;
  --surface: #ffffff;
  --surface-2: #eef3f9;
  --popup: #ffffff;
  --hover: #e8eff7;
  --active: #dbe9fb;

  --line: #dfe7f0;
  --line-strong: #c4d1e0;

  --text: #0a1220;
  --text-2: #3b4d65;
  --text-3: #596b82;

  --accent: #2655ff;
  --accent-hover: #0f5fc2;
  --accent-light: #1673e0;
  --accent-ink: #ffffff;
  --accent-tint: rgba(22, 115, 224, 0.1);
  --btn-glow: #4fa0f2;
  --btn-ghost-glow: rgba(22, 115, 224, 0.2);

  --win-bar: #eaeff5;
  --win-title: #596b82;
}