:root{--brand: #F2B500; --brand-ink: #1A1405; --brand-soft: color-mix(in srgb, var(--brand) 18%, transparent); --brand-line: color-mix(in srgb, var(--brand) 52%, transparent); --accent: #0091CE; --bg: #EEF1F7; --bg-deep: #E4E9F2; --text: #0F1319; --text-dim: color-mix(in srgb, var(--text) 66%, transparent); --text-mute: color-mix(in srgb, var(--text) 46%, transparent); --glass: rgba(255, 255, 255, 0.55); --glass-2: rgba(255, 255, 255, 0.72); --glass-3: rgba(255, 255, 255, 0.86); --stroke: rgba(15, 20, 32, 0.09); --stroke-2: rgba(15, 20, 32, 0.16); --hi: rgba(255, 255, 255, 0.85); --shadow: 0 20px 50px rgba(22, 32, 60, .12); --blur: 26px; --on-media: #FFFFFF; --on-media-dim: rgba(255, 255, 255, 0.78); --media-glass: rgba(255, 255, 255, 0.16); --media-stroke: rgba(255, 255, 255, 0.36); --pane-gloss: rgba(255, 255, 255, .8); --pane-gloss-stop: 46%;}