:root{--brand: #00E0FF; --brand-ink: #04121A; --brand-soft: color-mix(in srgb, var(--brand) 14%, transparent); --brand-faint: color-mix(in srgb, var(--brand) 7%, transparent); --brand-line: color-mix(in srgb, var(--brand) 42%, transparent); --brand-text: var(--brand); --accent: #FF2E88; --accent-soft: color-mix(in srgb, var(--accent) 14%, transparent); --ok: #39E58C; --ok-soft: color-mix(in srgb, var(--ok) 13%, transparent); --bad: #FF5C6E; --bad-soft: color-mix(in srgb, var(--bad) 13%, transparent); --warn: #FFB648; --bg: #080A11; --bg-deep: #05060B; --surface: #0B0E17; --surface-2: #11151F; --chrome-bg: #070910; --chrome-surface: #0B0E17; --chrome-surface-2: #11151F; --chrome-text: #E9EEF6; --chrome-text-dim: color-mix(in srgb, var(--chrome-text) 66%, transparent); --chrome-text-mute: color-mix(in srgb, var(--chrome-text) 44%, transparent); --chrome-line: rgba(140, 190, 235, 0.12); --chrome-line-2: rgba(140, 190, 235, 0.26); --text: #E9EEF6; --text-dim: color-mix(in srgb, var(--text) 66%, transparent); --text-mute: color-mix(in srgb, var(--text) 44%, transparent); --text-faint: color-mix(in srgb, var(--text) 22%, transparent); --line: rgba(140, 190, 235, 0.12); --line-2: rgba(140, 190, 235, 0.26); --track: rgba(140, 190, 235, 0.10); --grid: rgba(120, 180, 230, 0.055); --scan: rgba(0, 0, 0, 0.16); --shadow: 0 24px 60px rgba(0, 0, 0, .62); --glow-a: 42%; --seg-1: var(--brand); --seg-2: color-mix(in srgb, var(--brand) 72%, var(--accent)); --seg-3: color-mix(in srgb, var(--brand) 46%, var(--accent)); --seg-4: color-mix(in srgb, var(--accent) 74%, var(--bg-deep)); --seg-5: color-mix(in srgb, var(--accent) 46%, var(--bg-deep)); --seg-6: color-mix(in srgb, var(--accent) 24%, var(--bg-deep)); --seg-ink: #04121A; --on-media: #FFFFFF; --media-stroke: rgba(255, 255, 255, 0.30);}