:root{
--twr-bordeaux:#4B211E;
--twr-near-black:#060608;
--twr-neutral:#F4F1EA;
--twr-data-teal:#8CA88F;
--twr-metallic:#F5E2AC;
--twr-white:#FFFFFF;
--twr-bordeaux-40:color-mix(in oklch, var(--twr-bordeaux) 40%, transparent);
--twr-bordeaux-20:color-mix(in oklch, var(--twr-bordeaux) 20%, transparent);
--twr-teal-15:color-mix(in oklch, var(--twr-data-teal) 15%, transparent);
--twr-neutral-dim:color-mix(in oklch, var(--twr-neutral) 92%, black);
--twr-hairline:color-mix(in oklch, var(--twr-white) 12%, transparent);
--twr-hairline-on-light:color-mix(in oklch, black 10%, transparent);
--bg-page:var(--twr-near-black);
--bg-gradient:linear-gradient(180deg, var(--twr-near-black) 0%, var(--twr-bordeaux) 100%);
--bg-surface:#0D0D10;
--bg-surface-raised:#151217;
--bg-card-light:var(--twr-neutral);
--fg-primary:var(--twr-white);
--fg-secondary:color-mix(in oklch, var(--twr-white) 62%, transparent);
--fg-muted:color-mix(in oklch, var(--twr-white) 40%, transparent);
--fg-on-light:var(--twr-near-black);
--fg-on-light-secondary:color-mix(in oklch, var(--twr-near-black) 65%, transparent);
--accent-data:var(--twr-data-teal);
--accent-metallic:var(--twr-metallic);
--brand-primary:var(--twr-bordeaux);
--border-default:var(--twr-hairline);
--border-on-light:var(--twr-hairline-on-light);
--focus-ring:var(--twr-data-teal);
}