:root{--brand: #FBCB00; --brand-ink: #16120A; --brand-soft: color-mix(in srgb, var(--brand) 16%, transparent); --brand-line: color-mix(in srgb, var(--brand) 38%, transparent); --accent: #29C2FB; --bg: #0B0C0F; --bg-deep: #07080A; --text: #F4F6F8; --text-dim: color-mix(in srgb, var(--text) 58%, transparent); --text-mute: color-mix(in srgb, var(--text) 38%, transparent); --glass: rgba(255, 255, 255, 0.055); --glass-2: rgba(255, 255, 255, 0.10); --glass-3: rgba(255, 255, 255, 0.16); --stroke: rgba(255, 255, 255, 0.11); --stroke-2: rgba(255, 255, 255, 0.22); --hi: rgba(255, 255, 255, 0.16); --shadow: 0 22px 60px rgba(0, 0, 0, .5); --blur: 26px; --on-media: #FFFFFF; --on-media-dim: rgba(255, 255, 255, 0.76); --media-glass: rgba(255, 255, 255, 0.14); --media-stroke: rgba(255, 255, 255, 0.32); --pane-gloss: rgba(255, 255, 255, .10); --pane-gloss-stop: 42%;}