/* ===== GLOBAL VARIABLES – Bright & Cheerful (yellow / coral / teal) ===== */
:root, html[data-theme="dark"] {
  --bg: #14151f;
  --bg-raised: #1e2030;
  --header-bg: rgba(20,21,31,0.90);
  --text: #fff8ec;
  --text-soft: #a7a3ba;
  --line-onbg: rgba(255,248,236,0.12);

  --paper: #1e2030;
  --paper-dim: #292c42;
  --ink: #fff8ec;
  --ink-soft: #a7a3ba;
  --line-onpaper: rgba(255,248,236,0.14);

  --accent: #ff6f59;
  --accent-secondary: #2ec4b6;
  --gold: #ffc93c;
  --berry: #ff6f59;
  --sage: #2ec4b6;
}

html[data-theme="light"] {
  --bg: #fff8ec;
  --bg-raised: #ffffff;
  --header-bg: rgba(255,248,236,0.90);
  --text: #241f1a;
  --text-soft: #7a7267;
  --line-onbg: rgba(36,31,26,0.08);

  --paper: #ffffff;
  --paper-dim: #fff1d6;
  --ink: #241f1a;
  --ink-soft: #7a7267;
  --line-onpaper: rgba(36,31,26,0.10);

  --accent: #ff6f59;
  --accent-secondary: #2ec4b6;
  --gold: #ffc93c;
  --berry: #ff6f59;
  --sage: #2ec4b6;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  transition:background .25s ease, color .25s ease;
}
.mono{ font-family:'Space Mono',monospace; letter-spacing:.08em; }
a{ color:inherit; text-decoration:none; }
::selection{ background:var(--gold); color:var(--ink); }
:focus-visible{ outline:2px solid var(--gold); outline-offset:2px; }
.hidden{ display:none !important; }