:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
    --gradient-gold: linear-gradient(to bottom, #ffc760, #99773a);
    --gradient-silver: linear-gradient(to bottom, #ebe0ff, #868686);
    --gradient-bronze: linear-gradient(to bottom, #ffac70, #74432f);
    --spacing-none: 0;
    --spacing-xs: .125rem;
    --spacing-sm: .25rem;
    --spacing-md: .5rem;
    --spacing-lg: .75rem;
    --spacing-xl: 1rem;
    --spacing-2xl: 1.25rem;
    --spacing-3xl: 1.5rem;
    --spacing-4xl: 2rem;
    --spacing-5xl: 2.5rem;
    --spacing-6xl: 3rem;
    --spacing-7xl: 4rem;
    --spacing-8xl: 5rem;
    --spacing-9xl: 6rem;
    --spacing-10xl: 8rem;
    --spacing-11xl: 10rem;
    --radius-none: 0;
    --radius-sm: .25rem;
    --radius-md: .5rem;
    --radius-lg: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.25rem;
    --radius-4xl: 1.5rem;
    --radius-full: 9999px;
    --background-primary: #003d18;
    --background-secondary: var(--background-darker);
    --background-tertiary: #00ff62;
    --background-dark: var(--background-primary);
    --background-darker: #005621;
    --background-darkest: #0a0616;
    --background-danger: #1f0804;
    --background-accent: #01bbff;
    --background-brighter: #00a03d;
    --background-gradient: linear-gradient(90deg, #2f3330 0%, #090e0b 100%);
    --border-primary: var(--background-primary);
    --border-secondary: var(--background-dark);
    --border-tertiary: var(--background-tertiary);
    --border-dark: #282041;
    --border-accent: #01bbff;
    --text-primary: white;
    --text-secondary: rgba(255, 255, 255, .5);
    --text-tertiary: rgba(255, 255, 255, .7);
    --text-accent: #01bbff;
    --text-danger: #f04438;
    --background-panel: var(--background-gradient);
    --background-alert-button-cost-badge: var(--background-brighter);
    --border-alert-button-hover: var(--background-tertiary);
    --panel-background-primary: #111e16;
    --panel-background-dark: #0f1a132e;

    --svg-sm-size: 16px;
    --svg-md-size: 24px;
    --svg-xl-size: 35px;
    --svg-xxl-size: 50px;
}


@media (prefers-color-scheme: dark) {
  :root {
   
  }
}