/* ═══════════════════════════════════════════════════════════════════════════
   Eleesha · Dark Theme
   ═══════════════════════════════════════════════════════════════════════════ */

@media (prefers-color-scheme: dark) {
  :root {
    --color-parchment:       #1B1815;
    --color-cream:           #221E1A;
    --color-cloud:           #2A2520;
    --color-linen:           #353028;
    --color-deep-earth:      #E5DDD2;
    --color-rich-soil:       #C4B8A8;
    --color-warm-stone:      #9B8E7C;
    --color-warm-gray:       #8A8075;
    --color-charcoal:        #E5DDD2;

    --color-terracotta:      #DA8B6E;
    --color-terracotta-dark: #C07050;
    --color-terracotta-light: #5C3A2C;
    --color-ochre:           #D4A040;
    --color-sage:            #7AA080;
    --color-sage-dark:       #5D805D;
    --color-turquoise:       #7BAABB;

    --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
    --shadow-md:  0 4px 12px rgba(0,0,0,0.35);
    --shadow-lg:  0 8px 24px rgba(0,0,0,0.4);
    --shadow-xl:  0 16px 48px rgba(0,0,0,0.5);
  }

  .site-header { background: rgba(27, 24, 21, 0.85); }
  .article-card, .source-card, .modal-sheet { background: var(--color-cream); border-color: var(--color-linen); }
  .search-input, .filter-select { background: var(--color-cream); border-color: var(--color-linen); }
  .modal-top-bar { background: rgba(34, 30, 26, 0.9); border-color: var(--color-linen); }
  .card-image-placeholder { background: linear-gradient(135deg, var(--color-cream), var(--color-cloud)); }
  .source-card-region { background: var(--color-cloud); }
}

html[data-theme="dark"] {
  --color-parchment:       #1B1815;
  --color-cream:           #221E1A;
  --color-cloud:           #2A2520;
  --color-linen:           #353028;
  --color-deep-earth:      #E5DDD2;
  --color-rich-soil:       #C4B8A8;
  --color-warm-stone:      #9B8E7C;
  --color-warm-gray:       #8A8075;
  --color-charcoal:        #E5DDD2;

  --color-terracotta:      #DA8B6E;
  --color-terracotta-dark: #C07050;
  --color-terracotta-light: #5C3A2C;
  --color-ochre:           #D4A040;
  --color-sage:            #7AA080;
  --color-sage-dark:       #5D805D;
  --color-turquoise:       #7BAABB;

  --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.35);
  --shadow-lg:  0 8px 24px rgba(0,0,0,0.4);
  --shadow-xl:  0 16px 48px rgba(0,0,0,0.5);
}

html[data-theme="dark"] .site-header { background: rgba(27, 24, 21, 0.85); }
html[data-theme="dark"] .article-card,
html[data-theme="dark"] .source-card,
html[data-theme="dark"] .modal-sheet { background: var(--color-cream); border-color: var(--color-linen); }
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .filter-select { background: var(--color-cream); border-color: var(--color-linen); }
html[data-theme="dark"] .modal-top-bar { background: rgba(34, 30, 26, 0.9); border-color: var(--color-linen); }