:root { --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); --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: #0D152614; --base-dark-4: #2424240A; --base-dark-0: #24242400; --lift-light: #FFFFFF; --lift-dark: #353333; --depth-light: #F2ECE5; --depth-dark: #242424; --brk-sand: #E2D8CD; --brk-stone: #B5A592; --brk-gold: #FFC216; --brk-copper: #D9AF6B; --ui-success: #4EAB52; --ui-warning: #C28A00; --ui-error: #A63F3A; --ui-success-token: var(--ui-success); --ui-warning-token: var(--ui-warning); --ui-error-token: var(--ui-error); --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); --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); --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); --border-transparent: var(--base-dark-0); --border-subtle: var(--base-dark-16); --border-medium: var(--base-dark-32); --border-strong: var(--base-dark-100); --brand-primary: var(--brk-sand); --brand-secondary: var(--brk-stone); --brand-highlight: var(--brk-gold); --brand-accent: var(--brk-copper); --gradient-start: var(--base-light-0); --gradient-middle: var(--base-light-64); --gradient-end: var(--base-light-100);}.bg-base-light-8 { background-color: var(--base-light-8); }