/* AI Tech Viral Theme - Natural Forest Green */
/* Override Tailwind color variables for AI Tech Viral design */

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

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

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

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

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

  /* Indigo colors -> Deep Emerald */
  --color-indigo-50: oklch(95% 0.05 150);   /* Very light emerald */

  /* 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 Tech Viral accent colors for interactive elements */
:root {
  /* Accent colors for interactive elements - using true green theme colors */
  --accent-primary: oklch(65% 0.18 100);    /* Bright true green for primary actions */
  --accent-secondary: oklch(65% 0.18 120);  /* Bright forest green for secondary actions */
  --accent-hover: oklch(55% 0.20 100);      /* Deeper true green for hover states */
  --accent-focus: oklch(75% 0.15 100);      /* Lighter true green for focus states */
}