/* AIGC 160 Theme - Professional Grayscale */
/* Override Tailwind color variables for AIGC 160 design */

:root {
  /* Red colors -> Professional Gray tones */
  --color-red-300: oklch(75% 0.01 0);      /* Medium professional gray */
  --color-red-500: oklch(55% 0.02 0);      /* Deep professional gray */
  --color-red-600: oklch(45% 0.01 0);      /* Darker professional gray */
  --color-red-700: oklch(35% 0.01 0);      /* Dark professional gray */
  --color-red-800: oklch(25% 0.01 0);      /* Very dark professional gray */
  --color-red-900: oklch(20% 0.00 0);      /* Near black professional gray */

  /* Orange colors -> Professional Grayscale tones */
  --color-orange-50: oklch(95% 0.00 0);     /* Very light professional gray */
  --color-orange-100: oklch(90% 0.00 0);    /* Light professional gray */
  --color-orange-200: oklch(85% 0.01 0);    /* Light professional gray */
  --color-orange-300: oklch(75% 0.01 0);    /* Medium professional gray */
  --color-orange-400: oklch(65% 0.02 0);    /* Bright professional gray */
  --color-orange-500: oklch(55% 0.02 0);    /* Deep professional gray */
  --color-orange-600: oklch(45% 0.01 0);    /* Darker professional gray */
  --color-orange-700: oklch(35% 0.01 0);    /* Dark professional gray */
  --color-orange-800: oklch(25% 0.01 0);    /* Very dark professional gray */
  --color-orange-900: oklch(20% 0.00 0);    /* Near black professional gray */
  --color-orange-950: oklch(15% 0.00 0);    /* Almost black professional gray */

  /* Amber colors -> Monochrome Gray */
  --color-amber-50: oklch(98% 0.00 0);      /* Almost white monochrome gray */
  --color-amber-200: oklch(85% 0.00 0);     /* Light monochrome gray */
  --color-amber-300: oklch(75% 0.01 0);     /* Medium monochrome gray */
  --color-amber-900: oklch(20% 0.00 0);     /* Near black monochrome gray */

  /* Green colors -> Professional Grayscale tones */
  --color-green-50: oklch(95% 0.00 0);      /* Very light professional gray */
  --color-green-100: oklch(90% 0.00 0);     /* Light professional gray */
  --color-green-200: oklch(85% 0.01 0);     /* Light professional gray */
  --color-green-300: oklch(75% 0.01 0);     /* Medium professional gray */
  --color-green-400: oklch(65% 0.02 0);     /* Bright professional gray */
  --color-green-500: oklch(55% 0.02 0);     /* Deep professional gray */
  --color-green-600: oklch(45% 0.01 0);     /* Darker professional gray */
  --color-green-700: oklch(35% 0.01 0);     /* Dark professional gray */
  --color-green-800: oklch(25% 0.01 0);     /* Very dark professional gray */
  --color-green-900: oklch(20% 0.00 0);     /* Near black professional gray */
  --color-green-950: oklch(15% 0.00 0);     /* Almost black professional gray */

  /* Blue colors -> Professional Grayscale tones */
  --color-blue-50: oklch(95% 0.00 0);       /* Very light professional gray */
  --color-blue-100: oklch(90% 0.00 0);      /* Light professional gray */
  --color-blue-200: oklch(85% 0.01 0);      /* Light professional gray */
  --color-blue-300: oklch(75% 0.01 0);      /* Medium professional gray */
  --color-blue-400: oklch(65% 0.02 0);      /* Bright professional gray */
  --color-blue-500: oklch(55% 0.02 0);      /* Deep professional gray */
  --color-blue-600: oklch(45% 0.01 0);      /* Darker professional gray */
  --color-blue-700: oklch(35% 0.01 0);      /* Dark professional gray */
  --color-blue-800: oklch(25% 0.01 0);      /* Very dark professional gray */
  --color-blue-900: oklch(20% 0.00 0);      /* Near black professional gray */
  --color-blue-950: oklch(15% 0.00 0);      /* Almost black professional gray */

  /* Indigo colors -> Professional Grayscale tones */
  --color-indigo-50: oklch(95% 0.00 0);     /* Very light professional gray */

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

/* AIGC 160 accent colors for interactive elements */
:root {
  /* Accent colors for interactive elements - using professional grayscale theme colors */
  --accent-primary: oklch(65% 0.02 0);      /* Bright professional gray for primary actions */
  --accent-secondary: oklch(65% 0.01 0);    /* Bright professional gray for secondary actions */
  --accent-hover: oklch(55% 0.02 0);        /* Deeper professional gray for hover states */
  --accent-focus: oklch(75% 0.01 0);        /* Lighter professional gray for focus states */
}