:root {
  --color-indigo-400: oklch(67.3% 0.182 276.935);
  --color-indigo-500: oklch(58.5% 0.233 277.117);
  --color-indigo-600: oklch(51.1% 0.262 276.966);
  --color-indigo-700: oklch(45.7% 0.24 277.023);
  --color-purple-500: oklch(62.7% 0.265 303.9);
  --color-purple-600: oklch(55.8% 0.288 302.321);
  --theme-gradient-start: #667eea;
  --theme-gradient-end: #764ba2;
  --theme-scrollbar-thumb: #888;
  --theme-scrollbar-thumb-hover: #555;
}

.gradient-bg {
  background: linear-gradient(
    135deg,
    var(--theme-gradient-start) 0%,
    var(--theme-gradient-end) 100%
  );
}

::-webkit-scrollbar-thumb {
  background: var(--theme-scrollbar-thumb);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--theme-scrollbar-thumb-hover);
}