@import "tailwindcss";

@theme {
  --color-brand-50: oklch(0.97 0.01 230);
  --color-brand-100: oklch(0.94 0.03 230);
  --color-brand-200: oklch(0.88 0.05 230);
  --color-brand-300: oklch(0.80 0.08 230);
  --color-brand-400: oklch(0.70 0.12 230);
  --color-brand-500: oklch(0.60 0.15 230);
  --color-brand-600: oklch(0.50 0.16 230);
  --color-brand-700: oklch(0.40 0.14 230);
  --color-brand-800: oklch(0.30 0.12 230);
  --color-brand-900: #0F222D; /* Custom Brand Color */
  --color-brand-950: oklch(0.14 0.06 230);
}