/* Tokens de tema. Oscuro por defecto en :root. Claro en [data-theme="light"].
   Identidad azul del wordmark: navy #002880 → brillante #1080F8. */

:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1218;
  --bg-elev: #141c27;
  --bg-elev-2: #1c2836;
  --fg: #e8eef6;
  --fg-muted: #93a3b8;
  --fg-soft: #c5d2e4;
  --line: rgb(232 238 246 / 0.12);
  --line-strong: rgb(232 238 246 / 0.22);
  --accent: #1a84f0;
  --accent-strong: #7ab6ff;
  --accent-ink: #f5f9ff;
  --accent-dim: rgb(26 132 240 / 0.16);
  --band: #e7f0fb;
  --band-fg: #0e2744;
  --band-muted: #3d5674;
  --danger: #f0a8a2;
  --header-bg: rgb(12 18 24 / 0.8);
  --shadow: 0 24px 60px rgb(0 0 0 / 0.35);
  --caption: rgb(12 18 24 / 0.78);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f7fb;
  --bg-elev: #ffffff;
  --bg-elev-2: #e6eef8;
  --fg: #0e1c2f;
  --fg-muted: #4c6078;
  --fg-soft: #24364c;
  --line: rgb(14 28 47 / 0.1);
  --line-strong: rgb(14 28 47 / 0.18);
  --accent: #0c4ea8;
  --accent-strong: #083872;
  --accent-ink: #f5f9ff;
  --accent-dim: rgb(12 78 168 / 0.1);
  --band: #0e2744;
  --band-fg: #e8eef6;
  --band-muted: #b7c8dc;
  --danger: #9d2c2c;
  --header-bg: rgb(244 247 251 / 0.86);
  --shadow: 0 18px 44px rgb(14 28 47 / 0.08);
  --caption: rgb(255 255 255 / 0.9);
}

:root {
  --font-sans: "Manrope", "Segoe UI", sans-serif;
  --font-serif: "Instrument Serif", "Iowan Old Style", Palatino, "Palatino Linotype", serif;
  --header-h: 4.25rem;
  --content: 74rem;
  --radius-s: 0.65rem;
  --radius-m: 1rem;
  --radius-l: 1.35rem;
  --space-section: clamp(4.25rem, 8vw, 7.25rem);
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --gutter: 1.25rem;
}

@media (min-width: 720px) {
  :root {
    --gutter: 1.75rem;
  }
}