/* ============================================================ 8 monochrome + single-accent palettes. Every palette is built from black / white / grey, plus exactly one accent (--accent) -- echoing the black-and-white portrait theme while still feeling distinct, calm, and professional. Applied via and switched instantly by theme-switcher.js (no reload, no flash). ============================================================ */ :root, [data-theme="ink-teal"] { --bg: #F7F7F5; --bg-elevated: #FFFFFF; --bg-soft: #EFEFEC; --text: #17181A; --text-muted: #55585C; --border: #DEDEDA; --accent: #1F6F6B; --accent-soft: #E3EEED; --accent-contrast: #FFFFFF; --shadow: 0 20px 60px -20px rgba(20, 20, 20, 0.25); } [data-theme="obsidian-gold"] { --bg: #0B0B0C; --bg-elevated: #16161A; --bg-soft: #1D1D22; --text: #F3F1EA; --text-muted: #A9A9AD; --border: #2A2A30; --accent: #C9A24B; --accent-soft: #2A2419; --accent-contrast: #16161A; --shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.6); } [data-theme="charcoal-rose"] { --bg: #F5F0EF; --bg-elevated: #FFFFFF; --bg-soft: #ECE4E3; --text: #221D1E; --text-muted: #5B5254; --border: #E1D5D4; --accent: #8B3A45; --accent-soft: #F1E1E3; --accent-contrast: #FFFFFF; --shadow: 0 20px 60px -20px rgba(40, 15, 20, 0.22); } [data-theme="graphite-copper"] { --bg: #F6F5F3; --bg-elevated: #FFFFFF; --bg-soft: #ECEAE6; --text: #201F1D; --text-muted: #5A5652; --border: #E0DCD5; --accent: #B5651D; --accent-soft: #F3E4D3; --accent-contrast: #FFFFFF; --shadow: 0 20px 60px -20px rgba(40, 25, 10, 0.22); } [data-theme="slate-indigo"] { --bg: #F5F6F8; --bg-elevated: #FFFFFF; --bg-soft: #EAEBF0; --text: #1B1C22; --text-muted: #565A66; --border: #DEE0E7; --accent: #4B4CA8; --accent-soft: #E7E7F5; --accent-contrast: #FFFFFF; --shadow: 0 20px 60px -20px rgba(15, 15, 45, 0.22); } [data-theme="fog-sage"] { --bg: #F4F6F4; --bg-elevated: #FFFFFF; --bg-soft: #E9EDE9; --text: #1C201C; --text-muted: #545B54; --border: #DEE4DE; --accent: #5C7A5C; --accent-soft: #E5ECE5; --accent-contrast: #FFFFFF; --shadow: 0 20px 60px -20px rgba(15, 30, 15, 0.2); } [data-theme="pearl-plum"] { --bg: #F7F3F6; --bg-elevated: #FFFFFF; --bg-soft: #EEE6EC; --text: #201A1E; --text-muted: #59505A; --border: #E3D8E1; --accent: #7A3B69; --accent-soft: #F0E1EC; --accent-contrast: #FFFFFF; --shadow: 0 20px 60px -20px rgba(35, 10, 30, 0.22); } [data-theme="midnight-ivory"] { --bg: #0E1116; --bg-elevated: #171A21; --bg-soft: #1E222B; --text: #F2EFE4; --text-muted: #A6A9B2; --border: #2A2E38; --accent: #E7DFC6; --accent-soft: #23252A; --accent-contrast: #14151A; --shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.6); }