/* ============================================================ PALETTES Four curated colour schemes, each with a light and a dark variant. Switch with the picker in the page footer while you're gathering opinions. To lock one in permanently, change the data-palette value in index.html (the small script in ) and delete the picker markup from the footer. ============================================================ */ /* ---------- BONE — ivory, ink and brass ---------- Warm and traditional. Reads like a printed card in a room with soft lighting. The safest choice. */ [data-palette="bone"][data-mode="light"] { --bg: #e9e2d6; --surface: #fbf8f2; --surface-2: #f4eee3; --text: #1c1a16; --text-muted: #57503f; --text-faint: #8a8171; --line: #e3dbcb; --line-strong: #c9bda5; --accent: #8a6a3b; } [data-palette="bone"][data-mode="dark"] { --bg: #100e0b; --surface: #1a1713; --surface-2: #211d17; --text: #f0e9dc; --text-muted: #b4aa99; --text-faint: #8a8172; --line: #2e2921; --line-strong: #443c30; --accent: #c9a86a; } /* ---------- SUMI — charcoal and soft gold ---------- Dark by default. Expensive-feeling, works beautifully for evening service and dim rooms. Bold choice. */ [data-palette="sumi"][data-mode="light"] { --bg: #e6e3dd; --surface: #f8f7f4; --surface-2: #f0eeea; --text: #171614; --text-muted: #524f49; --text-faint: #85817a; --line: #e0ddd6; --line-strong: #c4c0b7; --accent: #7d6a45; } [data-palette="sumi"][data-mode="dark"] { --bg: #0c0c0b; --surface: #151513; --surface-2: #1c1c19; --text: #f2f0eb; --text-muted: #b0aca3; --text-faint: #857f75; --line: #262622; --line-strong: #3a3931; --accent: #d4b878; } /* ---------- OXBLOOD — cream and deep bordeaux ---------- A restrained version of your original red. Keeps the warmth without the shout. */ [data-palette="oxblood"][data-mode="light"] { --bg: #ece5e1; --surface: #fdfaf8; --surface-2: #f6efec; --text: #1f1a19; --text-muted: #584c4a; --text-faint: #897b79; --line: #e6dcd8; --line-strong: #cdbbb6; --accent: #70232f; } [data-palette="oxblood"][data-mode="dark"] { --bg: #120e0d; --surface: #1b1514; --surface-2: #221a19; --text: #f1e8e5; --text-muted: #b6a6a3; --text-faint: #8b7d7a; --line: #2f2422; --line-strong: #45332f; --accent: #d98f9b; } /* ---------- PINE — ivory and deep green ---------- Cool, botanical, quietly modern. Pairs well with wood and plants. */ [data-palette="pine"][data-mode="light"] { --bg: #e7e8e2; --surface: #fbfbf8; --surface-2: #f2f3ee; --text: #191b18; --text-muted: #4e544b; --text-faint: #7f867c; --line: #dfe1d9; --line-strong: #c2c7ba; --accent: #2f5445; } [data-palette="pine"][data-mode="dark"] { --bg: #0d0f0d; --surface: #151815; --surface-2: #1b1f1b; --text: #e9eee8; --text-muted: #a7b0a4; --text-faint: #7f877d; --line: #242a23; --line-strong: #363d34; --accent: #93c2a7; }