/* ==========================================================================
   Digital Humidor - Dark Mode Stylesheet (theme-dark.css)
   Aesthetic: "Midnight Humidor Club"
   Deep Maduro ebony, charred cedar surfaces, warm linen ivory, vintage gold foil
   ========================================================================== */

:root, [data-theme="dark"] {
  --color-scheme: dark;
  color-scheme: dark;

  /* Surfaces & Backgrounds */
  --bg-default: #140E0A;       /* Deep Maduro ebony / dark espresso roast */
  --bg-paper: #1D1510;         /* Aged charred Spanish cedar */
  --bg-card: #251C15;          /* Oiled walnut tray */
  --bg-subtle: #2D2018;        /* Warm dark roasted tobacco */
  --bg-input: #1A120D;

  /* Typography */
  --text-primary: #F5ECE1;     /* Warm linen / antique ivory */
  --text-secondary: #C4A895;   /* Warm cocoa cream */
  --text-muted: #8D7667;       /* Toasted tobacco ash */

  /* Brand Accents */
  --color-primary: #E2B96F;     /* Vintage cigar band gold foil */
  --color-primary-hover: #F0D49C;
  --color-secondary: #9E471D;   /* Warm cognac leather */
  --color-accent-gold: #D4AF37;

  /* Borders & Dividers */
  --border-color: rgba(212, 175, 55, 0.18);
  --border-subtle: rgba(212, 175, 55, 0.09);

  /* Shadows */
  --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.55), 0 0 1px rgba(226, 185, 111, 0.15);
  --elevated-shadow: 0 8px 32px rgba(0, 0, 0, 0.75), 0 0 2px rgba(226, 185, 111, 0.25);
}

/* Base Document */
html, body {
  background-color: var(--bg-default);
  color: var(--text-primary);
}

a {
  color: var(--color-primary);
}
a:hover {
  color: var(--color-primary-hover);
}

button {
  background-color: var(--bg-subtle);
  color: var(--text-primary);
  border-color: var(--border-color);
}
button:hover {
  border-color: var(--color-primary);
}

/* Login Page Theme Overrides */
.login-card {
  background: var(--bg-paper) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color);
  box-shadow: var(--elevated-shadow) !important;
}

.login-card h1 {
  color: var(--color-primary) !important;
}

.login-subtitle,
.login-info p {
  color: var(--text-secondary) !important;
}

.login-info {
  border-top-color: var(--border-color) !important;
}

.google-login-btn {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

.google-login-btn:hover:not(:disabled) {
  border-color: var(--color-primary) !important;
  box-shadow: 0 2px 14px rgba(226, 185, 111, 0.25) !important;
}

/* Blend Details & Catalog Overrides */
.actions-section {
  background: var(--bg-subtle) !important;
  border-top: 1px solid var(--border-color);
}

.back-btn {
  background-color: #2D2018 !important;
  color: #F5ECE1 !important;
  border: 1px solid rgba(212, 175, 55, 0.20) !important;
}
.back-btn:hover {
  background-color: #38291F !important;
  border-color: rgba(226, 185, 111, 0.40) !important;
}