:root {
  --color-primary: #f9a13a;
  --color-secondary: #b3b3b3;
  --color-accent: #53da00;
  --color-surface: #333333;
  --color-background: #000000;
  --color-text: #000000;
  --radius-scale: 1.0;
  --font-family: Inter, system-ui, sans-serif;
  --font-heading: Inter, system-ui, sans-serif;
  --font-size-base: 18px;
  --border-width: 0;
}

[data-theme="dark"] {
  --color-primary: #f9a13a;
  --color-secondary: #b3b3b3;
  --color-accent: #53da00;
  --color-surface: #222222;
  --color-background: #121212;
  --color-text: #f1f1f1;
}



/* Category variables */

.category-vars-1 {
  --cat-color: #0369a1;
  --cat-bg: #e0f2fe;
}

.category-vars-2 {
  --cat-color: #b45309;
  --cat-bg: #fef3c7;
}

.category-vars-3 {
  --cat-color: #7c3aed;
  --cat-bg: #ede9fe;
}

.category-vars-4 {
  --cat-color: #be185d;
  --cat-bg: #fce7f3;
}

.category-vars-5 {
  --cat-color: #000000;
  --cat-bg: #f6c504;
}

.category-vars-6 {
  --cat-color: #000000;
  --cat-bg: #ffe88d;
}

.category-vars-7 {
  --cat-color: #000000;
  --cat-bg: #ff971f;
}


/* Theme preview variables */

.theme-vars-1 {
  --theme-primary: #f9a13a;
  --theme-accent: #53da00;
  --theme-surface: #333333;
}

.theme-vars-2 {
  --theme-primary: #eba224;
  --theme-accent: #22c55e;
  --theme-surface: #2e2e2e;
}