:root{--palette-dark: #1b1712;--palette-brown-grey: #6b5a46;--palette-beige: #8c7860;--palette-green-dark: #4c6b3f;--palette-green: #6e8f52;--palette-terracotta: #9c5b3e;--palette-sand: #c98f5e;--palette-brown: #5b4632;--palette-teal: #1f5e52;--palette-gold: #c79a3b;--palette-red: #a23b2a;--palette-cream: #f1e9d2;--color-primary: var(--palette-teal);--color-secondary: var(--palette-green-dark);--color-success: var(--palette-green);--color-warning: var(--palette-gold);--color-error: var(--palette-red);--color-reward: var(--palette-gold);--color-surface: var(--palette-cream);--color-surface-dark: var(--palette-dark);--color-text: var(--palette-dark);--color-text-inverse: var(--palette-cream);--color-text-muted: var(--palette-brown-grey);--color-border: var(--palette-dark);--color-border-accent: var(--palette-gold);--button-primary-bg: var(--palette-green-dark);--button-primary-bg-hover: var(--palette-green);--button-secondary-bg: var(--palette-teal);--button-secondary-bg-hover: var(--palette-green);--button-danger-bg: var(--palette-red);--button-disabled-bg: var(--palette-brown);--button-disabled-text: var(--palette-beige);--radius-small: 3px;--radius-medium: 5px;--border-width: 3px;--ring-width: 2px;--shadow-small: 0 3px 0 0 var(--palette-dark);--shadow-medium: 0 5px 0 0 var(--palette-dark);--animation-fast: .15s;--animation-press: .1s;--animation-normal: .25s;--animation-important: .6s;--ease-out: cubic-bezier(.2, .8, .3, 1);--font-ui: "Oxanium", "Trebuchet MS", system-ui, sans-serif}