/* Dark mode variant - CRITICAL for dark: classes to work */
@variant dark (&:where(.dark, .dark *));

/* Theme variables - CRITICAL for colors and sizing */
@theme {
  --radius: 0.625rem;

  /* Neutral colors */
  --color-neutral-50: rgb(250 250 250);
  --color-neutral-100: rgb(245 245 245);
  --color-neutral-200: rgb(229 229 229);
  --color-neutral-300: rgb(212 212 212);
  --color-neutral-400: rgb(163 163 163);
  --color-neutral-500: rgb(115 115 115);
  --color-neutral-600: rgb(82 82 82);
  --color-neutral-700: rgb(64 64 64);
  --color-neutral-800: rgb(38 38 38);
  --color-neutral-900: rgb(23 23 23);
}
