:root {
  --font-serif: 'Crimson Pro', Georgia, serif;
  --font-sans: 'Inter', -apple-system, sans-serif;
  --hl-yellow: rgba(255, 217, 74, 0.35);
  --hl-green: rgba(126, 217, 87, 0.35);
  --hl-blue: rgba(90, 167, 255, 0.35);
  --hl-pink: rgba(255, 122, 182, 0.35);
}
html[data-theme="light"]  { --bg:#faf8f3; --fg:#211d17; --muted:#5f5648; --accent:#a63a1e; --panel:#ffffff; --border:#e8e1d3; --shadow:rgba(60,45,25,0.10); }
html[data-theme="sepia"]  { --bg:#f4ecd8; --fg:#463525; --muted:#6f5c3a; --accent:#9c4318; --panel:#f0e3c4; --border:#dcc79f; --shadow:rgba(80,55,20,0.12); }
html[data-theme="dark"]   { --bg:#16151a; --fg:#e3ded5; --muted:#a49d90; --accent:#d9b36a; --panel:#201e25; --border:#35323c; --shadow:rgba(0,0,0,0.4); }

body { margin:0; background:var(--bg); color:var(--fg); font-family:var(--font-sans); font-size:16px; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }