/* ── Theme: Dark (default) ── */
:root,
[data-theme="dark"] {
  --bg:           #0f0f13;
  --bg-card:      #16161c;
  --bg-preface:   rgba(240, 165, 0, 0.07);
  --text:         #d4d4d8;
  --text-muted:   #71717a;
  --heading:      #f4f4f5;
  --accent:       #f0a500;
  --accent-dim:   rgba(240, 165, 0, 0.25);
  --border:       #27272a;
  --border-card:  #2e2e34;
  --shadow:       0 2px 16px rgba(0, 0, 0, 0.45);
  --toggle-bg:    #27272a;
  --toggle-icon:  "☀";
}

/* ── Theme: Light ── */
[data-theme="light"] {
  --bg:           #fdf8f0;
  --bg-card:      #ffffff;
  --bg-preface:   rgba(180, 110, 0, 0.06);
  --text:         #3d3830;
  --text-muted:   #78716c;
  --heading:      #1c1917;
  --accent:       #c07a00;
  --accent-dim:   rgba(192, 122, 0, 0.2);
  --border:       #e7e2d9;
  --border-card:  #ece7de;
  --shadow:       0 2px 16px rgba(0, 0, 0, 0.08);
  --toggle-bg:    #e7e2d9;
  --toggle-icon:  "☾";
}

/* ── Typography tokens ── */
:root {
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Lora", Georgia, serif;
  --font-ui:      "Space Grotesk", system-ui, sans-serif;
  --radius:       8px;
  --radius-sm:    4px;
}