`public/css/theme.css`

42 lines
/* Theme tokens — light + dark, switched via [data-theme] on <html>. */
/* Stars of Design palette: ink-and-bronze, gallery-catalog feel. */

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

html[data-theme='light'] {
  --bg:        #f7f4ee;
  --bg-alt:    #ece6d8;
  --surface:   #ffffff;
  --border:    #d8cfbb;
  --text:      #1a1815;
  --text-muted:#6b6354;
  --link:      #7a4d12;
  --link-hover:#a86b21;
  --accent:    #1a1815;
  --accent-fg: #f7f4ee;
  --gold:      #b88a3d;
  --shadow:    0 1px 2px rgba(40,30,15,0.06), 0 6px 18px rgba(40,30,15,0.05);
}

html[data-theme='dark'] {
  --bg:        #0b0a08;
  --bg-alt:    #15130e;
  --surface:   #1c1914;
  --border:    #2d281f;
  --text:      #f0e9d6;
  --text-muted:#a59c87;
  --link:      #d9a868;
  --link-hover:#f0c890;
  --accent:    #d9a868;
  --accent-fg: #0b0a08;
  --gold:      #d9a868;
  --shadow:    0 1px 2px rgba(0,0,0,0.4), 0 6px 18px rgba(0,0,0,0.4);
}