/* ═══════════════════════════════════════════════════════
   Ojarim — Theme Variants
   Light / Dark (default) / High Contrast
   ═══════════════════════════════════════════════════════ */

/* Dark is the default — defined in main.css :root */

/* ────────────── LIGHT THEME ────────────── */
[data-theme="light"] {
  --bg:           #f5f2ec;
  --surface:      #ffffff;
  --surface2:     #f0ede6;
  --surface3:     #e8e4dc;
  --border:       #d4cfc5;
  --amber:        #c08000;
  --amber-glow:   rgba(192,128,0,0.1);
  --amber-dim:    rgba(192,128,0,0.05);
  --sage:         #4a7a3e;
  --sage-light:   #5a9a4e;
  --sky:          #3a7da0;
  --cream:        #1a1a14;
  --muted:        #6b6b5e;
  --text:         #2e2e24;
  --danger:       #c03030;
  --focus-ring:   #c08000;
}

[data-theme="light"] .leaflet-tile-pane {
  filter: none;
}

[data-theme="light"] .map-filters,
[data-theme="light"] .map-legend,
[data-theme="light"] .map-status {
  background: rgba(245,242,236,0.92);
}

/* ────────────── HIGH CONTRAST ────────────── */
[data-theme="high-contrast"] {
  --bg:           #000000;
  --surface:      #0a0a0a;
  --surface2:     #141414;
  --surface3:     #1e1e1e;
  --border:       #555555;
  --amber:        #ffcc00;
  --amber-glow:   rgba(255,204,0,0.2);
  --amber-dim:    rgba(255,204,0,0.08);
  --sage:         #44dd44;
  --sage-light:   #66ff66;
  --sky:          #44bbff;
  --cream:        #ffffff;
  --muted:        #cccccc;
  --text:         #ffffff;
  --danger:       #ff4444;
  --focus-ring:   #ffcc00;
}

[data-theme="high-contrast"] .leaflet-tile-pane {
  filter: invert(100%) hue-rotate(180deg) saturate(0.5) brightness(0.9) contrast(1.2);
}

[data-theme="high-contrast"] .tab-btn {
  border-width: 2px;
}

[data-theme="high-contrast"] .tab-btn.active {
  font-weight: 700;
}

[data-theme="high-contrast"] :focus-visible {
  outline-width: 3px;
}

[data-theme="high-contrast"] .threat-badge {
  border: 1px solid currentColor;
}

[data-theme="high-contrast"] .stat-card::before {
  height: 3px;
  opacity: 1;
}

/* ────────────── SYSTEM PREFERENCE ────────────── */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg:           #f5f2ec;
    --surface:      #ffffff;
    --surface2:     #f0ede6;
    --surface3:     #e8e4dc;
    --border:       #d4cfc5;
    --amber:        #c08000;
    --amber-glow:   rgba(192,128,0,0.1);
    --amber-dim:    rgba(192,128,0,0.05);
    --sage:         #4a7a3e;
    --sage-light:   #5a9a4e;
    --sky:          #3a7da0;
    --cream:        #1a1a14;
    --muted:        #6b6b5e;
    --text:         #2e2e24;
    --danger:       #c03030;
    --focus-ring:   #c08000;
  }

  :root:not([data-theme]) .leaflet-tile-pane {
    filter: none;
  }
}

/* ────────────── PRINT ────────────── */
@media print {
  body {
    background: white;
    color: black;
  }

  .site-header,
  .site-footer,
  .main-nav,
  .map-filters,
  .map-legend,
  .map-status,
  .about-panel,
  .lang-switcher,
  .data-badge,
  #map-spinner {
    display: none !important;
  }

  .mode { display: block !important; }

  .stat-card,
  .chart-card,
  .info-card,
  .partner-card,
  .educator-card {
    border: 1px solid #ccc;
    break-inside: avoid;
  }
}