/* FullAutoFX Purple/Gold Theme Override */
/* Remaps Tailwind gray → purple, emerald → gold */

:root, :host {
  /* Gray → Purple tones (oklch) */
  --color-gray-100: oklch(92% .02 290);
  --color-gray-300: oklch(80% .03 285);
  --color-gray-400: oklch(65% .04 280);
  --color-gray-500: oklch(55% .05 278);
  --color-gray-600: oklch(45% .05 275);
  --color-gray-700: oklch(32% .06 280);
  --color-gray-800: oklch(22% .06 285);
  --color-gray-900: oklch(15% .07 290);
  --color-gray-950: oklch(10% .06 295);

  /* Emerald → Gold tones (oklch) */
  --color-emerald-300: oklch(85% .12 85);
  --color-emerald-400: oklch(78% .14 80);
  --color-emerald-500: oklch(72% .15 75);
  --color-emerald-600: oklch(65% .14 70);
  --color-emerald-700: oklch(55% .12 65);
  --color-emerald-900: oklch(35% .08 60);
}

/* Global body background */
body {
  background: #0d0714 !important;
}

/* Input fields - purple tinted */
input, select, textarea {
  background-color: oklch(18% .06 285) !important;
  border-color: oklch(30% .06 280) !important;
  color: oklch(90% .02 290) !important;
}

input:focus, select:focus, textarea:focus {
  border-color: oklch(72% .15 75) !important;
  box-shadow: 0 0 0 2px oklch(72% .15 75 / 0.2) !important;
}

/* Buttons - gold gradient */
button[type="submit"],
.bg-emerald-600 {
  background: linear-gradient(135deg, #8b6914, #c9a227, #e8d48b) !important;
  color: #0d0714 !important;
  font-weight: 600 !important;
  border: none !important;
}

button[type="submit"]:hover,
.bg-emerald-600:hover {
  background: linear-gradient(135deg, #c9a227, #e8d48b, #f5ecd0) !important;
  box-shadow: 0 4px 20px rgba(201, 162, 39, 0.3) !important;
}

/* Links */
a {
  transition: color 0.3s !important;
}

/* Card/panel backgrounds */
.bg-gray-800 {
  background: oklch(20% .07 285) !important;
  border: 1px solid oklch(28% .06 280) !important;
}

.bg-gray-900 {
  background: oklch(14% .07 290) !important;
}

.bg-gray-950 {
  background: #0d0714 !important;
}

/* Success states → gold */
.bg-emerald-900\/50 {
  background-color: rgba(139, 105, 20, 0.3) !important;
}

.border-emerald-700 {
  border-color: oklch(55% .12 65) !important;
}

/* Table borders */
.border-gray-700 {
  border-color: oklch(28% .06 280) !important;
}

.border-gray-800 {
  border-color: oklch(22% .06 285) !important;
}

.border-gray-800\/50 {
  border-color: rgba(45, 27, 78, 0.5) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #0d0714;
}

::-webkit-scrollbar-thumb {
  background: #2d1b4e;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #6b3fa0;
}

/* Selection color */
::selection {
  background: rgba(201, 162, 39, 0.3);
  color: #f0e6d6;
}