/* Theme tokens — light + dark, switched via [data-theme] on . */ /* 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); }