/* QC Interior Studio — Golden Black theme */
:root {
  --qc-black: #0a0a0a;
  --qc-panel: #14110a;
  --qc-panel-2: #1c160c;
  --qc-gold: #d4af37;
  --qc-gold-bright: #f0d78c;
  --qc-gold-deep: #b8860b;
  --qc-gold-soft: #f5e6c8;
  --qc-ink: #1a1408;
  --qc-border: rgba(212, 175, 55, 0.4);
}

html,
body,
#root {
  background-color: var(--qc-black) !important;
  color: var(--qc-gold-soft) !important;
  font-family: "Poppins", ui-sans-serif, system-ui, sans-serif !important;
}

*,
*::before,
*::after {
  font-family: inherit;
}

button,
input,
select,
textarea,
table,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", ui-sans-serif, system-ui, sans-serif !important;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb {
  background: var(--qc-gold-deep);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: var(--qc-gold); }

/* Light Tailwind surfaces → dark gold panels */
.bg-white,
.bg-white\/90,
.bg-white\/80,
.bg-gray-50,
.bg-gray-100,
.bg-slate-50,
.bg-slate-100,
.bg-neutral-50,
[class*="bg-white"] {
  background-color: var(--qc-panel) !important;
  color: var(--qc-gold-soft) !important;
}

.bg-gray-200,
.bg-slate-200 {
  background-color: var(--qc-panel-2) !important;
}

/* Text on dark panels must stay light */
.text-gray-900,
.text-gray-800,
.text-gray-700,
.text-slate-900,
.text-slate-800,
.text-slate-700,
.text-neutral-900,
.text-black {
  color: var(--qc-gold-soft) !important;
}

.text-gray-600,
.text-gray-500,
.text-slate-600,
.text-slate-500 {
  color: #d4c191 !important;
}

.text-gray-400,
.text-slate-400 {
  color: #b8a46a !important;
}

/* Tables */
table {
  color: var(--qc-gold-soft) !important;
}

table thead th {
  color: var(--qc-gold-bright) !important;
}

table tbody td,
table tbody th {
  color: var(--qc-gold-soft) !important;
  background-color: var(--qc-panel) !important;
  border-color: var(--qc-border) !important;
}

table tbody tr:hover td {
  background-color: #221a0c !important;
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]),
.divide-y > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--qc-border) !important;
}

.border-gray-100,
.border-gray-200,
.border-gray-300,
.border-slate-200,
.border-slate-300 {
  border-color: var(--qc-border) !important;
}

/* Buttons that were pale-on-light */
button,
a {
  /* keep explicit button classes; improve default readability */
}

/* Soft chips / badges on dark */
.bg-gray-100 {
  background-color: #2a220f !important;
  color: var(--qc-gold-bright) !important;
}

/* Inputs */
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.rich-note-editor {
  background-color: #0f0d08 !important;
  color: var(--qc-gold-soft) !important;
  border-color: var(--qc-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: #8a7a52 !important;
}

option {
  background: #14110a;
  color: var(--qc-gold-soft);
}

.rich-note-editor a,
.rich-note-content a {
  color: var(--qc-gold) !important;
}
.rich-note-editor p,
.rich-note-content p { margin: 0.35em 0; }
.rich-note-editor ul,
.rich-note-content ul {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0.35em 0;
}
.rich-note-editor ol,
.rich-note-content ol {
  list-style: decimal;
  padding-left: 1.25rem;
  margin: 0.35em 0;
}
.rich-note-editor img,
.rich-note-content img {
  max-height: 1.25em;
  width: auto;
  display: inline;
  vertical-align: middle;
}

/* Hover washes */
.hover\:bg-gray-50:hover,
.hover\:bg-orange-50\/60:hover,
.hover\:bg-slate-50:hover {
  background-color: #221a0c !important;
}

@media print {
  html,
  body,
  #root {
    background: #fff !important;
    color: #111 !important;
  }
  .bg-white,
  [class*="bg-white"],
  table tbody td {
    background: #fff !important;
    color: #111 !important;
  }
  .text-gray-900,
  .text-gray-800,
  table {
    color: #111 !important;
  }
  #quotation-print-area,
  #quotation-print-area * {
    color: #111 !important;
  }
  #quotation-print-area .text-amber-700,
  #quotation-print-area .text-amber-800,
  #quotation-print-area .text-amber-900 {
    color: #926c09 !important;
  }
}

/* Screen preview of print document stays paper-white */
#quotation-print-area.qc-print-doc,
#quotation-print-area.qc-print-doc .bg-white,
#quotation-print-area.qc-print-doc [class*="bg-white"] {
  background-color: #ffffff !important;
  color: #111111 !important;
}
#quotation-print-area.qc-print-doc table tbody td {
  background-color: #ffffff !important;
  color: #111111 !important;
}
#quotation-print-area.qc-print-doc .bg-amber-50 {
  background-color: #fffbeb !important;
}