/* ===================================================================== THEME PRESETS — warm "coffee / Noctua" palettes. Switch by setting the attribute on : Presets: duotone (default) · espresso (warm dark) · latte (warm light). To add/tweak a theme, copy a block and edit the tokens — nothing else in the site hardcodes colour; every rule consumes these custom props. ===================================================================== */ :root, [data-theme="duotone"] { /* Noctua duotone — beige + brown on chromax black (DEFAULT) */ --bg: #1C1A17; --bg-2: #221E19; --surface: #2A2520; --text: #EAE0D0; --text-soft: #C9BCA3; --muted: #93856E; --border: #3B342B; --brown: #4E3B2F; --accent: #CFA86B; /* Noctua beige — primary accent */ --accent-soft: #D8C4A0; --accent-dim: rgba(207, 168, 107, 0.12); --glow: rgba(207, 168, 107, 0.05); --nav-bg: rgba(28, 26, 23, 0.78); --shadow: rgba(0, 0, 0, 0.50); } [data-theme="espresso"] { /* Warm dark — deep espresso, caramel accent */ --bg: #16110D; --bg-2: #1E1813; --surface: #211913; --text: #E7D8C3; --text-soft: #C9B79C; --muted: #99876E; --border: #3A2D22; --brown: #8A5A36; --accent: #C9A368; --accent-soft: #DCC39A; --accent-dim: rgba(201, 163, 104, 0.12); --glow: rgba(201, 163, 104, 0.06); --nav-bg: rgba(22, 17, 13, 0.80); --shadow: rgba(0, 0, 0, 0.55); } [data-theme="latte"] { /* Warm light — latte foam, coffee + caramel */ --bg: #F3EADF; --bg-2: #FBF6EF; --surface: #FBF6EF; --text: #2B211A; --text-soft: #5A4B3C; --muted: #8A7763; --border: #E0D2C0; --brown: #6F4E37; --accent: #6F4E37; /* coffee */ --accent-soft: #C08A4E; /* caramel */ --accent-dim: rgba(111, 78, 55, 0.10); --glow: rgba(192, 138, 78, 0.10); --nav-bg: rgba(243, 234, 223, 0.82); --shadow: rgba(90, 65, 40, 0.20); }