/* DEFAULT THEME */
:root {
  --color-bg-primary: oklch(1 0 0 / 1);
  --color-bg-secondary: oklch(0.98 0 247 / 1);
  --color-bg-hover: oklch(0.87 0.01 258 / 0.20);
  --color-bg-active: oklch(0.61 0.22 292 / 0.13);
  --color-text-primary: oklch(0.21 0.03 264 / 1);
  --color-text-secondary: oklch(0.55 0.02 264 / 1);
  --color-border-light: oklch(0.97 0 264 / 1);
  --color-border-default: oklch(0.93 0.01 264 / 1);
  --color-border-medium: oklch(0.87 0.01 258 / 1);
  --color-primary-500: oklch(0.62 0.19 259 / 1);
  --color-accent-500: oklch(0.61 0.22 292 / 1);
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-primary: oklch(0.28 0.012 256 / 1);
    --color-bg-secondary: oklch(0.24 0.012 264 / 1);
    --color-bg-hover: oklch(0.45 0.012 256 / 0.13);
    --color-bg-active: oklch(0.62 0.12 259 / 0.33);
    --color-text-primary: oklch(0.98 0 247 / 1);
    --color-text-secondary: oklch(0.71 0.02 261 / 1);
    --color-border-light: oklch(0.3 0.012 259 / 1);
    --color-border-default: oklch(0.4 0.012 256 / 1);
    --color-border-medium: oklch(0.5 0.012 264 / 1);
    --color-primary-500: oklch(0.71 0.14 254 / 1);
    --color-accent-500: oklch(0.71 0.16 293 / 1);
  }
}