/* AI Toolzs Theme - Warm Sunset Orange */
/* Override Tailwind color variables for AI Toolzs design */

:root {
  /* Red colors -> Deep Crimson tones */
  --color-red-300: oklch(75% 0.15 20);     /* Medium crimson */
  --color-red-500: oklch(55% 0.20 20);     /* Deep crimson */
  --color-red-600: oklch(45% 0.18 20);     /* Darker crimson */
  --color-red-700: oklch(35% 0.15 20);     /* Dark crimson */
  --color-red-800: oklch(25% 0.12 20);     /* Very dark crimson */
  --color-red-900: oklch(20% 0.08 20);     /* Near black crimson */

  /* Orange colors -> Vibrant Orange tones */
  --color-orange-50: oklch(95% 0.05 40);    /* Very light orange */
  --color-orange-100: oklch(90% 0.08 40);   /* Light orange */
  --color-orange-200: oklch(85% 0.12 40);   /* Light orange */
  --color-orange-300: oklch(75% 0.15 40);   /* Medium orange */
  --color-orange-400: oklch(65% 0.18 40);   /* Bright orange */
  --color-orange-500: oklch(55% 0.20 40);   /* Deep orange */
  --color-orange-600: oklch(45% 0.18 40);   /* Darker orange */
  --color-orange-700: oklch(35% 0.15 40);   /* Dark orange */
  --color-orange-800: oklch(25% 0.12 40);   /* Very dark orange */
  --color-orange-900: oklch(20% 0.08 40);   /* Near black orange */
  --color-orange-950: oklch(15% 0.05 40);   /* Almost black orange */

  /* Amber colors -> Golden Amber */
  --color-amber-50: oklch(98% 0.02 60);     /* Almost white amber */
  --color-amber-200: oklch(85% 0.12 60);    /* Light amber */
  --color-amber-300: oklch(75% 0.15 60);    /* Medium amber */
  --color-amber-900: oklch(20% 0.08 60);    /* Near black amber */

  /* Green colors -> Warm Coral tones */
  --color-green-50: oklch(95% 0.05 30);     /* Very light coral */
  --color-green-100: oklch(90% 0.08 30);    /* Light coral */
  --color-green-200: oklch(85% 0.12 30);    /* Light coral */
  --color-green-300: oklch(75% 0.15 30);    /* Medium coral */
  --color-green-400: oklch(65% 0.18 30);    /* Bright coral */
  --color-green-500: oklch(55% 0.20 30);    /* Deep coral */
  --color-green-600: oklch(45% 0.18 30);    /* Darker coral */
  --color-green-700: oklch(35% 0.15 30);    /* Dark coral */
  --color-green-800: oklch(25% 0.12 30);    /* Very dark coral */
  --color-green-900: oklch(20% 0.08 30);    /* Near black coral */
  --color-green-950: oklch(15% 0.05 30);    /* Almost black coral */

  /* Blue colors -> Warm Peach */
  --color-blue-50: oklch(95% 0.05 50);      /* Very light peach */
  --color-blue-100: oklch(90% 0.08 50);     /* Light peach */
  --color-blue-200: oklch(85% 0.12 50);     /* Light peach */
  --color-blue-300: oklch(75% 0.15 50);     /* Medium peach */
  --color-blue-400: oklch(65% 0.18 50);     /* Bright peach */
  --color-blue-500: oklch(55% 0.20 50);     /* Deep peach */
  --color-blue-600: oklch(45% 0.18 50);     /* Darker peach */
  --color-blue-700: oklch(35% 0.15 50);     /* Dark peach */
  --color-blue-800: oklch(25% 0.12 50);     /* Very dark peach */
  --color-blue-900: oklch(20% 0.08 50);     /* Near black peach */
  --color-blue-950: oklch(15% 0.05 50);     /* Almost black peach */

  /* Indigo colors -> Deep Sunset */
  --color-indigo-50: oklch(95% 0.05 10);    /* Very light sunset */

  /* Keep existing gray colors as they are already grayscale */
  /* --color-gray-50 through --color-gray-950 remain unchanged */

  /* Keep black and white as pure values */
  /* --color-black: #000; */
  /* --color-white: #fff; */
}

/* AI Toolzs accent colors for interactive elements */
:root {
  /* Accent colors for interactive elements - using AI Toolzs sunset theme colors */
  --accent-primary: oklch(65% 0.18 40);     /* Bright orange for primary actions */
  --accent-secondary: oklch(65% 0.18 60);   /* Bright amber for secondary actions */
  --accent-hover: oklch(55% 0.20 40);       /* Deeper orange for hover states */
  --accent-focus: oklch(75% 0.15 40);       /* Lighter orange for focus states */
}