/* Postiz Tiusclaw — Black #0E0E0E / Gold #C9A24B / Ivory #F5F0E1 Theme Override */

/* Override purple CSS variables → Gold for both dark and light themes */
:root .dark {
  --new-btn-primary:         #C9A24B !important;
  --color-forth:             #C9A24B !important;
  --color-seventh:           #DDB85C !important;
  --color-custom4:           #C9A24B !important;
  --new-textItemFocused:     #181410 !important;
  --new-boxFocused:          rgba(201,162,75,0.25) !important;
  --new-table-text-focused:  #C9A24B !important;
}
:root .light {
  --new-btn-primary:         #C9A24B !important;
  --color-forth:             #C9A24B !important;
  --color-seventh:           #DDB85C !important;
  --color-custom4:           #C9A24B !important;
  --new-textItemFocused:     #3a2a00 !important;
  --new-boxFocused:          rgba(201,162,75,0.2) !important;
  --new-table-text-focused:  #C9A24B !important;
}
:root {
  --new-btn-primary:         #C9A24B !important;
  --color-forth:             #C9A24B !important;
  --color-seventh:           #DDB85C !important;
  --color-custom4:           #C9A24B !important;
  --new-table-text-focused:  #C9A24B !important;
}

/* bg-forth Tailwind class → Gold background, dark text */
.bg-forth,
button.bg-forth,
a.bg-forth {
  background-color: #C9A24B !important;
  color: #0E0E0E !important;
}
.hover\:bg-forth:hover,
button.bg-forth:hover,
button.bg-forth:focus {
  background-color: #DDB85C !important;
  color: #0E0E0E !important;
}

/* text-forth → Gold */
.text-forth { color: #C9A24B !important; }
.hover\:text-forth:hover { color: #DDB85C !important; }

/* border-forth → Gold */
.border-forth { border-color: #C9A24B !important; }
.focus\:border-forth:focus { border-color: #C9A24B !important; }

/* Ring / focus glow → Gold */
.ring-forth,
.focus\:ring-forth:focus {
  --tw-ring-color: rgba(201,162,75,0.7) !important;
}

/* bg-seventh → Light Gold */
.bg-seventh { background-color: #DDB85C !important; color: #0E0E0E !important; }
.text-seventh { color: #DDB85C !important; }
.border-seventh { border-color: #DDB85C !important; }

/* bg-custom4 → Gold */
.bg-custom4 { background-color: #C9A24B !important; color: #0E0E0E !important; }
.text-custom4 { color: #C9A24B !important; }

/* SVG elements using forth/seventh color */
.fill-forth { fill: #C9A24B !important; }
.stroke-forth { stroke: #C9A24B !important; }
.fill-seventh { fill: #DDB85C !important; }

/*
 * Catch hardcoded Tailwind JIT arbitrary-value purple classes via
 * attribute substring selector — matches bg-[#612bd3], bg-[#612ad5], etc.
 */
[class*="612bd3"],
[class*="612ad5"],
[class*="7236f1"],
[class*="8155dd"] {
  background-color: #C9A24B !important;
  color: #0E0E0E !important;
}
[class*="5023b8"]:hover,
[class*="5a3ebc"]:hover {
  background-color: #DDB85C !important;
  color: #0E0E0E !important;
}

/* Input focus border/ring glow → Gold */
input:focus,
textarea:focus,
select:focus {
  outline-color: #C9A24B !important;
  box-shadow: 0 0 0 2px rgba(201,162,75,0.35) !important;
}

/* Checkbox / toggle active state */
[type="checkbox"]:checked,
[type="radio"]:checked {
  accent-color: #C9A24B !important;
}