/* Tool Cosmos Theme - Cosmic Purple */
/* Override Tailwind color variables for Tool Cosmos design */

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

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

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

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

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

  /* Indigo colors -> Deep Cosmic Indigo */
  --color-indigo-50: oklch(95% 0.05 250);   /* Very light cosmic indigo */

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

/* Tool Cosmos accent colors for interactive elements */
:root {
  /* Accent colors for interactive elements - using Tool Cosmos cosmic theme colors */
  --accent-primary: oklch(65% 0.18 280);    /* Bright purple for primary actions */
  --accent-secondary: oklch(65% 0.18 260);  /* Bright royal for secondary actions */
  --accent-hover: oklch(55% 0.20 280);      /* Deeper purple for hover states */
  --accent-focus: oklch(75% 0.15 280);      /* Lighter purple for focus states */
}