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

/* This simply exists to set custom themes */

:root {
  /* Default Tailwind gray (cool/blueish) */
  --color-gray-50: oklch(0.985 0.002 247.839);
  --color-gray-100: oklch(0.967 0.003 264.542);
  --color-gray-200: oklch(0.928 0.006 264.531);
  --color-gray-300: oklch(0.872 0.01 258.338);
  --color-gray-400: oklch(0.707 0.022 261.325);
  --color-gray-500: oklch(0.551 0.027 264.364);
  --color-gray-600: oklch(0.446 0.03 256.802);
  --color-gray-700: oklch(0.373 0.034 259.733);
  --color-gray-800: oklch(0.278 0.033 256.848);
  --color-gray-900: oklch(0.21 0.034 264.665);
  --color-gray-950: oklch(0.13 0.028 261.692);
}

[data-theme="warm"] {
  /* Warmer colors */
  --color-gray-50: oklch(0.985 0.0014 20);
  --color-gray-100: oklch(0.967 0.0022 20);
  --color-gray-200: oklch(0.928 0.0043 20);
  --color-gray-300: oklch(0.872 0.0072 20);
  --color-gray-400: oklch(0.707 0.0158 20);
  --color-gray-500: oklch(0.551 0.0194 20);
  --color-gray-600: oklch(0.446 0.0216 20);
  --color-gray-700: oklch(0.373 0.0245 20);
  --color-gray-800: oklch(0.278 0.0238 20);
  --color-gray-900: oklch(0.21 0.0245 20);
  --color-gray-950: oklch(0.13 0.0202 20);
}

[data-theme="neutral"] {
  /* Fully neutral (no chroma or hue) */
  --color-gray-50: oklch(0.985 0 0);
  --color-gray-100: oklch(0.97 0 0);
  --color-gray-200: oklch(0.922 0 0);
  --color-gray-300: oklch(0.87 0 0);
  --color-gray-400: oklch(0.708 0 0);
  --color-gray-500: oklch(0.556 0 0);
  --color-gray-600: oklch(0.439 0 0);
  --color-gray-700: oklch(0.371 0 0);
  --color-gray-800: oklch(0.269 0 0);
  --color-gray-900: oklch(0.205 0 0);
  --color-gray-950: oklch(0.145 0 0);
}
