/* Estado 1 — Neutro (default, base) */
:root[data-state="1"], :root {
  --bg:          #0a0a0a;
  --surface:     #111111;
  --text:        #d8d8d8;
  --text-muted:  #787878;
  --accent:      #d8d8d8;
  --border:      rgba(255,255,255,0.06);
}

/* Estado 2 — Cálido */
:root[data-state="2"] {
  --bg:          #0d0905;
  --surface:     #161008;
  --text:        #e0c8a8;
  --text-muted:  #8a7a67;
  --accent:      #c4965a;
  --border:      rgba(200,168,130,0.08);
}

/* Estado 3 — Frío */
:root[data-state="3"] {
  --bg:          #050a0d;
  --surface:     #081016;
  --text:        #bccdd8;
  --text-muted:  #6a8090;
  --accent:      #8ab4c8;
  --border:      rgba(138,180,200,0.08);
}

:root {
  --font-mono:     'iA Writer Mono S', 'Courier Prime', 'Courier New', monospace;
  --size-base:     13px;
  --size-nav:      12px;
  --size-display:  clamp(0.75rem, 1.5vw, 1rem);
  --leading:       1.8;
  --tracking:      0.04em;
  --tracking-nav:  0.08em;
  --space-void:    clamp(3rem, 8vw, 6rem);
  --space-anchor:  3vw;
  --max-content:   58ch;
  --transition:    opacity 800ms ease;
}