:root { --brxw-color-primary: var(--primary); --brxw-color-secondary: var(--secondary); --brxw-color-neutral: var(--neutral); --brxw-color-white: var(--white); --brxw-color-primary-trans-10: color-mix(in srgb, var(--primary) 10%, transparent); --brxw-color-primary-trans-20: color-mix(in srgb, var(--primary) 20%, transparent); --brxw-color-primary-trans-30: color-mix(in srgb, var(--primary) 30%, transparent); --brxw-color-primary-trans-40: color-mix(in srgb, var(--primary) 40%, transparent); --brxw-color-primary-trans-50: color-mix(in srgb, var(--primary) 50%, transparent); --brxw-color-primary-trans-60: color-mix(in srgb, var(--primary) 60%, transparent); --brxw-color-primary-trans-70: color-mix(in srgb, var(--primary) 70%, transparent); --brxw-color-primary-trans-80: color-mix(in srgb, var(--primary) 80%, transparent); --brxw-color-primary-trans-90: color-mix(in srgb, var(--primary) 90%, transparent); --brxw-color-secondary-trans-10: color-mix(in srgb, var(--secondary) 10%, transparent); --brxw-color-secondary-trans-20: color-mix(in srgb, var(--secondary) 20%, transparent); --brxw-color-secondary-trans-30: color-mix(in srgb, var(--secondary) 30%, transparent); --brxw-color-secondary-trans-40: color-mix(in srgb, var(--secondary) 40%, transparent); --brxw-color-secondary-trans-50: color-mix(in srgb, var(--secondary) 50%, transparent); --brxw-color-secondary-trans-60: color-mix(in srgb, var(--secondary) 60%, transparent); --brxw-color-secondary-trans-70: color-mix(in srgb, var(--secondary) 70%, transparent); --brxw-color-secondary-trans-80: color-mix(in srgb, var(--secondary) 80%, transparent); --brxw-color-secondary-trans-90: color-mix(in srgb, var(--secondary) 90%, transparent); --brxw-color-primary-hover: color-mix(in srgb, var(--primary) 85%, black); --brxw-color-primary-active: color-mix(in srgb, var(--primary) 70%, black); --brxw-color-secondary-hover: color-mix(in srgb, var(--secondary) 85%, black); --brxw-color-secondary-active: color-mix(in srgb, var(--secondary) 70%, black); --brxw-color-neutral-trans-10: color-mix(in srgb, var(--neutral) 10%, transparent); --brxw-color-neutral-trans-20: color-mix(in srgb, var(--neutral) 20%, transparent); --brxw-color-neutral-trans-30: color-mix(in srgb, var(--neutral) 30%, transparent); --brxw-color-neutral-trans-40: color-mix(in srgb, var(--neutral) 40%, transparent); --brxw-color-neutral-trans-50: color-mix(in srgb, var(--neutral) 50%, transparent); --brxw-color-neutral-trans-60: color-mix(in srgb, var(--neutral) 60%, transparent); --brxw-color-neutral-trans-70: color-mix(in srgb, var(--neutral) 70%, transparent); --brxw-color-neutral-trans-80: color-mix(in srgb, var(--neutral) 80%, transparent); --brxw-color-neutral-trans-90: color-mix(in srgb, var(--neutral) 90%, transparent); --brxw-color-white-trans-10: color-mix(in srgb, var(--white) 10%, transparent); --brxw-color-white-trans-20: color-mix(in srgb, var(--white) 20%, transparent); --brxw-color-white-trans-30: color-mix(in srgb, var(--white) 30%, transparent); --brxw-color-white-trans-40: color-mix(in srgb, var(--white) 40%, transparent); --brxw-color-white-trans-50: color-mix(in srgb, var(--white) 50%, transparent); --brxw-color-white-trans-60: color-mix(in srgb, var(--white) 60%, transparent); --brxw-color-white-trans-70: color-mix(in srgb, var(--white) 70%, transparent); --brxw-color-white-trans-80: color-mix(in srgb, var(--white) 80%, transparent); --brxw-color-white-trans-90: color-mix(in srgb, var(--white) 90%, transparent); --color-primary: var(--brxw-color-primary); --color-secondary: var(--brxw-color-secondary); --color-text: var(--brxw-color-neutral-900); --color-text-light: var(--brxw-color-neutral-600); --color-bg: var(--brxw-color-neutral-50); --color-bg-alt: var(--brxw-color-neutral-100); --color-border: var(--brxw-color-neutral-200); --color-dark-bg: #0f172a; --color-dark-text: #e5e5e5; }