/* Launch Scroll Theme - Bright Orange */
/* Override Tailwind color variables for Launch Scroll design */

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

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

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

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

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

  /* Indigo colors -> Deep Space Blue */
  --color-indigo-50: oklch(95% 0.05 245);   /* Very light space blue */

  /* 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; */
}

/* Launch Scroll accent colors for interactive elements */
:root {
  /* Accent colors for interactive elements - using Launch Scroll rocket theme colors */
  --accent-primary: oklch(65% 0.18 35);     /* Bright rocket orange for primary actions */
  --accent-secondary: oklch(65% 0.18 65);   /* Bright launch yellow for secondary actions */
  --accent-hover: oklch(55% 0.20 35);       /* Deeper rocket orange for hover states */
  --accent-focus: oklch(75% 0.15 35);       /* Lighter rocket orange for focus states */
}