:root{--brand: #00A8CC; --brand-ink: #061318; --brand-soft: color-mix(in srgb, var(--brand) 11%, transparent); --brand-faint: color-mix(in srgb, var(--brand) 6%, transparent); --brand-line: color-mix(in srgb, var(--brand) 46%, transparent); --brand-text: color-mix(in srgb, var(--brand) 52%, #0A1017); --accent: #D6146F; --accent-soft: color-mix(in srgb, var(--accent) 11%, transparent); --ok: #0E9A57; --ok-soft: color-mix(in srgb, var(--ok) 11%, transparent); --bad: #D93546; --bad-soft: color-mix(in srgb, var(--bad) 11%, transparent); --warn: #B87400; --bg: #EDF1F7; --bg-deep: #E3E9F2; --surface: #FFFFFF; --surface-2: #F2F6FB; --chrome-bg: #FFFFFF; --chrome-surface: #FFFFFF; --chrome-surface-2: #F2F6FB; --chrome-text: #0B111C; --chrome-text-dim: color-mix(in srgb, var(--chrome-text) 68%, transparent); --chrome-text-mute: color-mix(in srgb, var(--chrome-text) 46%, transparent); --chrome-line: rgba(12, 26, 48, 0.13); --chrome-line-2: rgba(12, 26, 48, 0.24); --text: #0B111C; --text-dim: color-mix(in srgb, var(--text) 68%, transparent); --text-mute: color-mix(in srgb, var(--text) 46%, transparent); --text-faint: color-mix(in srgb, var(--text) 26%, transparent); --line: rgba(12, 26, 48, 0.13); --line-2: rgba(12, 26, 48, 0.24); --track: rgba(12, 26, 48, 0.10); --grid: rgba(12, 40, 80, 0.05); --scan: rgba(0, 0, 0, 0.14); --shadow: 0 20px 50px rgba(20, 34, 66, .14); --glow-a: 22%; --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) 66%, #FFFFFF); --seg-5: color-mix(in srgb, var(--accent) 40%, #FFFFFF); --seg-6: color-mix(in srgb, var(--accent) 20%, #FFFFFF); --seg-ink: #FFFFFF; --on-media: #FFFFFF; --media-stroke: rgba(255, 255, 255, 0.34);}