/* ORYX Sites — theme + accent variables. Selectors target data attributes set on by the renderer. Only color tokens live here; layout/component styles are in base.css. */ /* ─── Themes (3) ─── */ :root[data-theme="ibiza-night"] { --bg: #0A1628; --bg-elevated: #152A42; --fg: #F5EFE3; --muted: #A8A29E; --border: rgba(212, 196, 168, 0.15); } :root[data-theme="heritage-classic"] { --bg: #1A3A2E; --bg-elevated: #214738; --fg: #F5EFE3; --muted: #B8AC9C; --border: rgba(184, 172, 156, 0.18); } :root[data-theme="pure"] { --bg: #FFFFFF; --bg-elevated: #FAFAF8; --fg: #0B0B0B; --muted: #78716C; --border: rgba(11, 11, 11, 0.08); } :root[data-theme="black-lux"] { --bg: #0A0A0A; --bg-elevated: #161616; --fg: #F5EFE3; --muted: #9A9590; --border: rgba(245, 239, 227, 0.10); } /* ─── Accents (9) ─── */ :root[data-accent="gold"] { --accent: #D4A857; } :root[data-accent="champagne"] { --accent: #F7E7CE; } :root[data-accent="rose-gold"] { --accent: #B76E79; } :root[data-accent="brass"] { --accent: #B8860B; } :root[data-accent="burgundy"] { --accent: #722F37; } :root[data-accent="sienna"] { --accent: #A0522D; } :root[data-accent="bronze"] { --accent: #B8935A; } :root[data-accent="cobalt"] { --accent: #0047AB; } :root[data-accent="charcoal"] { --accent: #36454F; } /* ─── Theme-specific tweaks (a few accents need bg-aware adjustments) ─── */ /* Champagne is too light for dark backgrounds — boost contrast */ :root[data-theme="ibiza-night"][data-accent="champagne"] { --accent: #E8D9B8; } /* Cobalt on Pure white is OK; on dark themes brighten it */ :root[data-theme="ibiza-night"][data-accent="cobalt"], :root[data-theme="heritage-classic"][data-accent="cobalt"], :root[data-theme="black-lux"][data-accent="cobalt"] { --accent: #4080FF; } /* Charcoal accent on Heritage's deep green: lighten so it's distinguishable */ :root[data-theme="heritage-classic"][data-accent="charcoal"] { --accent: #6B7280; } /* Champagne on Black Lux: very high contrast already, leave alone */ /* Black Lux pairs best with bronze / gold / champagne (no special override) */