:root {--base-light-100: #FDF8F1;--base-light-88: #FDF8F1E0;--base-light-64: #FDF8F1A3;--base-light-48: #FDF8F17A;--base-light-32: #FDF8F152;--base-light-16: #FDF8F129;--base-light-8: #FDF8F114;--base-light-4: #FDF8F10A;--base-light-0: #FDF8F100;--base-dark-100: #242424;--base-dark-88: #242424E0;--base-dark-64: #242424A3;--base-dark-48: #2424247A;--base-dark-32: #24242452;--base-dark-16: #24242429;--base-dark-8: #24242414;--base-dark-4: #2424240A;--base-dark-0: #24242400;--lift-light: #FFFFFF;--lift-dark: #353333;--depth-light: #F2ECE5;--depth-dark: #1C1C1C;--brk-sand: #E2D8CD;--brk-stone: #B5A592;--brk-gold: #FFC216;--brk-copper: #D9AF6B;--ui-success: #4EAB52;--ui-warning: #C28A00;--ui-error: #A63F3A;--ui-info: #497089;--ui-announcement: var(--brk-copper);--ui-review-star: var(--brk-gold);--input-bg: var(--lift-light);--input-text: var(--base-dark-48);--input-border: var(--base-dark-0);--input-label: var(--base-dark-64);--input-icon: var(--base-dark-100);--input-active-bg: var(--lift-light);--input-active-text: var(--base-dark-100);--input-active-border: var(--base-dark-32);--input-filled-bg: var(--lift-light);--input-filled-text: var(--base-dark-100);--input-filled-border: var(--base-dark-0);--input-error-bg: var(--lift-light);--input-error-text: var(--base-dark-100);--input-error-border: var(--ui-error);--state-hover: var(--base-dark-8);--state-pressed: var(--base-dark-16);--state-disabled-bg: var(--base-dark-4);--state-disabled-text: var(--base-dark-32);--surface-page: var(--base-light-100);--surface-card: var(--lift-light);--surface-card-alt: var(--depth-light);--surface-muted: var(--depth-light);--surface-overlay: var(--base-light-32);--gradient-start: var(--base-light-0);--gradient-middle: var(--base-light-64);--gradient-end: var(--base-light-100);--surface-scrim: #24242466;--scrim-image-top: #24242400;--scrim-image-bottom: #242424A3;--text-primary: var(--base-dark-100);--text-secondary: var(--base-dark-64);--text-subtle: var(--base-dark-48);--text-faint: var(--base-dark-16);--text-inverse: var(--base-light-100);--link: var(--base-dark-100);--link-hover: var(--base-dark-64);--border-transparent: var(--base-dark-0);--border-subtle: var(--base-dark-16);--border-medium: var(--base-dark-32);--border-strong: var(--base-dark-100);--focus-ring: var(--base-dark-100);--brand-primary: var(--brk-sand);--brand-secondary: var(--brk-stone);--brand-highlight: var(--brk-gold);--brand-accent: var(--brk-copper);--button-primary-bg: var(--brk-sand);--button-primary-text: var(--base-dark-100);--button-primary-border: var(--base-light-0);--button-primary-bg-hover: var(--base-dark-100);--button-primary-text-hover: var(--base-light-100);--button-primary-border-hover: var(--base-dark-0);--button-secondary-bg: var(--base-dark-8);--button-secondary-text: var(--base-dark-100);--button-secondary-border: var(--base-dark-0);--button-secondary-bg-hover: var(--base-dark-100);--button-secondary-text-hover: var(--base-light-100);--button-secondary-border-hover: var(--base-dark-0);--button-tertiary-text: var(--base-dark-100);--button-tertiary-text-hover: var(--base-dark-88);}:root[data-brx-theme="dark"] {--ui-announcement: var(--brk-copper);--ui-review-star: var(--brk-gold);--input-bg: var(--lift-dark);--input-text: var(--base-light-48);--input-border: var(--base-light-0);--input-label: var(--base-light-64);--input-icon: var(--base-light-100);--input-active-bg: var(--lift-dark);--input-active-text: var(--base-light-100);--input-active-border: var(--base-light-32);--input-filled-bg: var(--lift-dark);--input-filled-text: var(--base-light-100);--input-filled-border: var(--base-light-0);--input-error-bg: var(--lift-dark);--input-error-text: var(--base-light-100);--input-error-border: var(--ui-error);--state-hover: var(--base-light-8);--state-pressed: var(--base-light-16);--state-disabled-bg: var(--base-light-4);--state-disabled-text: var(--base-light-32);--surface-page: var(--base-dark-100);--surface-card: var(--lift-dark);--surface-card-alt: var(--depth-dark);--surface-muted: var(--lift-dark);--surface-overlay: var(--base-dark-48);--gradient-start: var(--base-dark-0);--gradient-middle: var(--base-dark-64);--gradient-end: var(--base-dark-100);--surface-scrim: #24242466;--text-primary: var(--base-light-100);--text-secondary: var(--base-light-64);--text-subtle: var(--base-light-48);--text-faint: var(--base-light-16);--text-inverse: var(--base-dark-100);--link: var(--base-light-100);--link-hover: var(--base-light-64);--border-transparent: var(--base-light-0);--border-subtle: var(--base-light-16);--border-medium: var(--base-light-32);--border-strong: var(--base-light-100);--focus-ring: var(--base-light-100);--brand-primary: var(--brk-sand);--brand-secondary: var(--brk-stone);--brand-highlight: var(--brk-gold);--brand-accent: var(--brk-copper);--button-primary-bg: var(--brk-sand);--button-primary-text: var(--base-dark-100);--button-primary-border: var(--base-dark-0);--button-primary-bg-hover: var(--base-light-100);--button-primary-text-hover: var(--base-dark-100);--button-primary-border-hover: var(--base-light-0);--button-secondary-bg: var(--base-light-8);--button-secondary-text: var(--base-light-100);--button-secondary-border: var(--base-light-0);--button-secondary-bg-hover: var(--base-light-100);--button-secondary-text-hover: var(--base-dark-100);--button-secondary-border-hover: var(--base-light-0);--button-tertiary-text: var(--base-light-100);--button-tertiary-text-hover: var(--base-light-88);}