/* ============================================
   AcornPets Dark Mode Overrides
   Applied when [data-theme="dark"] is set
   ============================================ */

[data-theme="dark"] {
  /* Background layers */
  --cream-white: #1a1f2e;
  --ivory-highlight: #222839;
  --gray-50: #1e2332;
  --gray-100: #242a3a;

  /* Cards & surfaces */
  --gray-200: #2d3448;
  --gray-300: #3a4258;
  --gray-400: #5a6278;

  /* Text */
  --gray-500: #8890a8;
  --gray-600: #a8b0c4;
  --gray-700: #c8ced8;
  --gray-800: #e2e6ec;
  --gray-900: #f0f2f5;
  --logo-black: #e2e6ec;

  /* Border */
  --acorn-dark: #8C5032;
}

[data-theme="dark"] body {
  color: var(--gray-800);
}

/* Cards and white backgrounds */
[data-theme="dark"] .bg-white,
[data-theme="dark"] [class*="bg-white"] {
  background-color: #1e2332 !important;
}

[data-theme="dark"] .text-white {
  color: var(--gray-800);
}

/* Hover states on dark cards */
[data-theme="dark"] tr:hover td {
  background-color: #242a3a;
}

/* Navbar — keep light for contrast */
[data-theme="dark"] nav.bg-white\/95 {
  background-color: #1a1f2e !important;
}

/* Footer stays dark */
[data-theme="dark"] footer {
  background-color: #0f141f;
}

/* Form inputs */
[data-theme="dark"] input:not([type="submit"]):not([type="button"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #242a3a;
  color: var(--gray-800);
  border-color: var(--gray-300);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--gray-500);
}

/* Buttons in dark mode */
[data-theme="dark"] .bg-transparent.text-\[var\(--acorn-brown\)\] {
  color: var(--acorn-gold);
}

/* Table borders */
[data-theme="dark"] .divide-\[var\(--gray-200\)\] > * {
  border-color: var(--gray-200);
}

[data-theme="dark"] .border-\[var\(--gray-200\)\] {
  border-color: var(--gray-200);
}

[data-theme="dark"] .border-\[var\(--gray-300\)\] {
  border-color: var(--gray-300);
}

/* Text adjustments for contrast */
[data-theme="dark"] .text-\[var\(--gray-500\)\] {
  color: var(--gray-500);
}

[data-theme="dark"] .text-\[var\(--gray-600\)\] {
  color: var(--gray-600);
}

[data-theme="dark"] .text-\[var\(--gray-700\)\] {
  color: var(--gray-700);
}

[data-theme="dark"] .text-\[var\(--gray-800\)\] {
  color: var(--gray-800);
}

/* Shadow adjustments */
[data-theme="dark"] .shadow-\[var\(--shadow-sm\)\] {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}

[data-theme="dark"] .shadow-\[var\(--shadow-md\)\] {
  box-shadow: 0 4px 12px rgba(0,0,0,0.35);
}

[data-theme="dark"] .shadow-\[var\(--shadow-lg\)\] {
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}