/* ============================================================
   AMIZA — tokens del sistema de diseño "Bosque editorial"
   Único lugar con colores. El resto del proyecto usa var(--…),
   de modo que las paletas (forest / autumn / night) y el tema
   se cambian solo aquí. Enlazado en el <head> → los tokens se
   heredan a cada shadow root.
   ============================================================ */
:root {
  /* --- Base papel cálido --- */
  --paper:      oklch(0.962 0.012 95);
  --paper-2:    oklch(0.928 0.016 90);
  --paper-3:    oklch(0.885 0.018 88);

  /* --- Verdes + tierra --- */
  --ink:        oklch(0.255 0.022 150);
  --forest-deep:oklch(0.285 0.038 158);
  --forest:     oklch(0.385 0.05 152);
  --moss:       oklch(0.56 0.062 142);
  --bark:       oklch(0.42 0.05 66);
  --bark-deep:  oklch(0.31 0.034 62);

  /* --- Acentos --- */
  --amber:      oklch(0.74 0.128 76);
  --rust:       oklch(0.62 0.13 44);

  --line:       oklch(0.255 0.022 150 / 0.14);
  --line-strong:oklch(0.255 0.022 150 / 0.28);

  /* --- Tinta clara constante --- */
  /* Texto/elementos sobre paneles permanentemente oscuros (hero, especie,
     concurso, imágenes). NO se sobreescribe por paleta: siempre claro. */
  --ink-onpanel: oklch(0.962 0.012 95);

  /* --- Superficies / roles --- */
  --bg:         var(--paper);
  --surface:    var(--paper);
  --on-bg:      var(--ink);
  --accent:     var(--bark);
  --accent-2:   var(--amber);
  --hero-tint:  oklch(0.285 0.038 158);

  /* --- Tipografía --- */
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans:  "Hanken Grotesk", system-ui, sans-serif;
  --mono:  "JetBrains Mono", ui-monospace, monospace;

  /* --- Layout --- */
  --maxw: 1280px;
  --gutter: clamp(20px, 5vw, 80px);
  --nav-h: 64px;
}

/* ---------- Variante paleta: otoño ---------- */
:root[data-palette="autumn"] {
  --paper:   oklch(0.955 0.018 78);
  --paper-2: oklch(0.918 0.024 72);
  --paper-3: oklch(0.872 0.03 66);
  --ink:     oklch(0.27 0.03 56);
  --forest-deep: oklch(0.33 0.05 58);
  --forest:  oklch(0.45 0.07 52);
  --moss:    oklch(0.6 0.09 60);
  --bark:    oklch(0.46 0.08 48);
  --bark-deep: oklch(0.34 0.05 44);
  --amber:   oklch(0.75 0.14 70);
  --accent:  var(--bark);
  --hero-tint: oklch(0.33 0.05 50);
}

/* ---------- Variante paleta: noche (modo oscuro) ---------- */
:root[data-palette="night"] {
  --paper:   oklch(0.205 0.018 158);
  --paper-2: oklch(0.245 0.022 156);
  --paper-3: oklch(0.295 0.026 154);
  --ink:     oklch(0.93 0.014 95);
  --line:    oklch(0.93 0.014 95 / 0.14);
  --line-strong: oklch(0.93 0.014 95 / 0.3);
  --forest-deep: oklch(0.18 0.02 158);
  --forest:  oklch(0.62 0.07 150);
  --moss:    oklch(0.7 0.08 142);
  --bark:    oklch(0.62 0.07 70);
  --bark-deep: oklch(0.18 0.02 60);
  --amber:   oklch(0.78 0.13 78);
  --accent:  var(--amber);
  --hero-tint: oklch(0.16 0.02 158);
}