/* ========================================================================== LUMINOVA CONSTRUCTION Black ground, gold accent, hairline structure. Every colour is a token. ========================================================================== */ /* ========================================================================== THEME Dark is the brand default and lives on :root, so the site looks the way it always has with no attribute set. Light is an explicit opt-in via the header toggle, which writes data-theme onto and remembers the choice. Nothing below this block hard-codes a colour, a shadow or a photo filter - a light page cannot just invert a dark one. Photography crushed to 26% brightness looks right under white text and looks like mud under black text, so the image treatments are tokens too. ========================================================================== */ :root { color-scheme: dark; --bg: #000000; --panel: #070709; --panel-2: #0C0D11; --line: rgba(255, 255, 255, 0.07); --line-2: rgba(255, 255, 255, 0.16); /* Audience: 30–60. Every step on this ramp clears WCAG AA (4.5:1) on black, because the tier below --dim carries most of the site's small labels and the old --faint (#555C68) measured 2.4:1 - decorative, not readable. */ --text: #F4F6F8; /* 18.4:1 */ --dim: #A9B1BE; /* 9.4:1 */ --faint: #828C9B; /* 5.4:1 */ --accent: #C9A24A; --accent-2: #EAD29A; --glow: rgba(201, 162, 74, 0.35); /* Surfaces and ink that used to be hard-coded */ --on-accent: #000; /* text on a gold fill */ --chip: #E9EBEE; /* light plate under cert logos */ --opt-bg: #0C0D11; /* native