@import "tailwindcss";

@plugin "@iconify/tailwind4";

@custom-variant dark (&:where(.dark, .dark *));

@theme {
  --color-dark-50: oklch(40.91% 0 0);
  --color-dark-100: oklch(35.62% 0 0);
  --color-dark-200: oklch(31.71% 0 0);
  --color-dark-300: oklch(29.72% 0 0);
  --color-dark-400: oklch(25.2% 0 0);
  --color-dark-500: oklch(23.93% 0 0);
  --color-dark-600: oklch(22.73% 0.0038 286.09);
  --color-dark-700: oklch(22.21% 0 0);
  --color-dark-800: oklch(20.9% 0 0);
  --color-dark-900: oklch(16.84% 0 0);
  --color-dark-950: oklch(13.44% 0 0);
}