/* ============================================================
   Color-Mode-Varianten — Hell / Dunkel / Auto
   ============================================================ */

/* Dunkel: invertiert Surfaces + Text */
[data-mode="dunkel"] {
  --c-ink:          #F4F5F7;
  --c-ink-2:        #D2D5DB;
  --c-muted:        #A7AAB2;
  --c-muted-2:      #7E818A;
  --c-line:         #2A2C33;
  --c-line-2:       #3A3C44;
  --c-surface:      #17181C;
  --c-surface-2:    #1E1F25;
  --c-surface-3:    #24262C;
  --c-on-dark:      #F4F5F7;
  --c-on-dark-mut:  #A7AAB2;
  --c-dark-line:    #2A2C33;
  --c-dark-surface: #17181C;

  /* Status-Backgrounds koennen dezenter / dunkler werden */
  --c-brand-bg:     #2A1419;
  --c-tech-bg:      #142433;
  --c-hazmat-bg:    #2A2310;
  --c-drill-bg:     #232428;
  --c-misc-bg:      #232428;
  --c-ok-bg:        #11261B;
  --c-warn-bg:      #2A2310;
  --c-defect-bg:    #2A1419;
  --c-info-bg:      #142433;
  --c-quiet-bg:     #232428;

  --sh-rest:     0 1px 2px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.3);
  --sh-hover:    0 8px 22px -8px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.35);
  --sh-elevated: 0 20px 48px -16px rgba(0,0,0,0.8), 0 4px 12px rgba(0,0,0,0.4);

  background: var(--c-surface);
  color: var(--c-ink);
}

[data-mode="dunkel"] .section--muted,
[data-mode="dunkel"] body {
  background: var(--c-surface);
  color: var(--c-ink);
}

[data-mode="dunkel"] .section--dark,
[data-mode="dunkel"] .page-head,
[data-mode="dunkel"] .hero {
  background: #07080A;
  color: var(--c-on-dark);
}
[data-mode="dunkel"] .site-footer {
  background: #07080A;
  border-top: 1px solid var(--c-line);
}
[data-mode="dunkel"] .navbar {
  background: var(--c-surface-2);
  border-bottom-color: var(--c-line);
}
[data-mode="dunkel"] .topbar {
  background: #07080A;
}
[data-mode="dunkel"] .event__date {
  background: #07080A;
}

/* Auto: folgt prefers-color-scheme */
@media (prefers-color-scheme: dark) {
  [data-mode="auto"] {
    --c-ink:          #F4F5F7;
    --c-ink-2:        #D2D5DB;
    --c-muted:        #A7AAB2;
    --c-muted-2:      #7E818A;
    --c-line:         #2A2C33;
    --c-line-2:       #3A3C44;
    --c-surface:      #17181C;
    --c-surface-2:    #1E1F25;
    --c-surface-3:    #24262C;
    --c-on-dark:      #F4F5F7;
    --c-on-dark-mut:  #A7AAB2;
    --c-brand-bg:     #2A1419;
    --c-tech-bg:      #142433;
    --c-hazmat-bg:    #2A2310;
    --c-drill-bg:     #232428;
    --c-misc-bg:      #232428;
    --c-ok-bg:        #11261B;
    --c-warn-bg:      #2A2310;
    --c-defect-bg:    #2A1419;
    --c-info-bg:      #142433;
    --c-quiet-bg:     #232428;
    --sh-rest:     0 1px 2px rgba(0,0,0,0.4), 0 1px 1px rgba(0,0,0,0.3);
    --sh-hover:    0 8px 22px -8px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.35);
    background: var(--c-surface);
    color: var(--c-ink);
  }
}