/* ── Design Tokens ── */

:root {
  --serif: 'Instrument Serif', Georgia, serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --max: 1100px;
  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ── Dark (default) ── */
[data-theme="dark"] {
  --bg: #141210;
  --bg-nav: rgba(20, 18, 16, 0.75);
  --surface: #1a1816;
  --surface-2: #231f1c;
  --surface-3: #2d2825;
  --text: #f0ebe4;
  --muted: #8a8078;
  --dim: #524a43;
  --accent: #d4845a;
  --accent-hover: #e09570;
  --accent-dim: rgba(212, 132, 90, 0.1);
  --accent-glow: rgba(212, 132, 90, 0.2);
  --accent-text: #141210;
  --gold: #c9a962;
  --sage: #7ab08a;
  --coral: #cf5c4f;
  --sky: #6ba3c7;
  --lavender: #a78bbf;
  --border: rgba(255, 245, 235, 0.06);
  --border-strong: rgba(255, 245, 235, 0.1);
  --fill: rgba(255, 245, 235, 0.04);
  --shadow: rgba(10, 8, 5, 0.6);
  --grain-opacity: 0.015;
  --code-bg: #111;
  --toggle-icon: '☀️';
}

/* ── Light ── */
[data-theme="light"] {
  --bg: #faf7f4;
  --bg-nav: rgba(250, 247, 244, 0.8);
  --surface: #f0ebe4;
  --surface-2: #eae4dc;
  --surface-3: #ddd6cc;
  --text: #1a1510;
  --muted: rgba(50, 40, 30, 0.55);
  --dim: rgba(50, 40, 30, 0.25);
  --accent: #c06e3f;
  --accent-hover: #a85d34;
  --accent-dim: rgba(192, 110, 63, 0.08);
  --accent-glow: rgba(192, 110, 63, 0.12);
  --accent-text: #faf7f4;
  --gold: #a88b40;
  --sage: #4d9060;
  --coral: #b84a3f;
  --sky: #4a87ad;
  --lavender: #8a6ba8;
  --border: rgba(60, 45, 30, 0.08);
  --border-strong: rgba(60, 45, 30, 0.14);
  --fill: rgba(60, 45, 30, 0.03);
  --shadow: rgba(60, 45, 30, 0.08);
  --grain-opacity: 0.01;
  --code-bg: #f5f1ec;
  --toggle-icon: '🌙';
}