:root { --color-jade-deep-100: #102E2A; --color-jade-deep-200: #0B1E1C; --color-jade-deep-300: #050F0E; --color-neutral-white: #ffffff; --color-neutral-100: #F5F5F5; --color-neutral-200: #EBEBEB; --color-neutral-black: #000000; --color-ivory-soft: #E9E6E2; --color-terracota: #B07A59; --color-sage: #8F9276; --color-charcoal: #3F3E3C; --color-mist: #B7B7B7; --color-steel: #7B9AAA; --color-bg-primary: var(--color-neutral-white); --color-bg-primary-hover: var(--color-neutral-100); --color-bg-primary-press: var(--color-neutral-200); --color-bg-secondary: var(--color-ivory-soft); --color-bg-alternate: var(--color-jade-deep-100); --color-bg-alternate-hover: var(--color-jade-deep-200); --color-bg-alternate-press: var(--color-jade-deep-300); --color-foreground-primary: var(--color-jade-deep-100); --color-foreground-secondary: var(--color-neutral-black); --color-foreground-alternate: var(--color-neutral-white); --color-border: var(--color-mist);}