`public/css/theme.css`

39 lines
/* Theme tokens — light + dark, switched via [data-theme] on <html>. */

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --max-w: 1180px;
  --radius: 6px;
  --gap: 1.25rem;
  --cols-min: 300px;
}

html[data-theme='light'] {
  --bg:        #fbfaf7;
  --bg-alt:    #f1efe9;
  --surface:   #ffffff;
  --border:    #e3dfd5;
  --text:      #1c1b18;
  --text-muted:#5d574c;
  --link:      #6a4514;
  --link-hover:#a06b22;
  --accent:    #8b6336;
  --accent-fg: #ffffff;
  --shadow:    0 1px 2px rgba(40,30,15,0.06), 0 6px 18px rgba(40,30,15,0.05);
}

html[data-theme='dark'] {
  --bg:        #0f0e0c;
  --bg-alt:    #16140f;
  --surface:   #1b1814;
  --border:    #2c281f;
  --text:      #efe8d8;
  --text-muted:#9c9684;
  --link:      #d4a874;
  --link-hover:#f0c894;
  --accent:    #c89b62;
  --accent-fg: #16140f;
  --shadow:    0 1px 2px rgba(0,0,0,0.4), 0 6px 18px rgba(0,0,0,0.35);
}