/* Kompat-Shim zwischen altem app.css (--surface2 …) und neuem styles.css (--surface-2 …).
   Redesign-Tokens sind autoritativ; Alt-Tokens werden als Alias-Variablen exponiert. */
:root {
  --surface2:        var(--surface-2);
  --border-strong:   var(--border-2);
  --shadow:          var(--shadow-s);
  --shadow-lg:       var(--shadow-m);
  --hover-tint:      rgba(0,0,0,.03);
  --overlay:         rgba(0,0,0,.35);

  --weekend-bg:      var(--surface-2);
  --weekend-head-bg: var(--surface-3);
  --ziel-warn-bg:    var(--warn-bg);
  --ziel-warn-fg:    var(--warn);
  --status-offen-border:    #fca5a5;
  --status-inarbeit-border: #fde68a;
  --status-erledigt-border: #86efac;
  --chart-text:      var(--text);
  --chart-grid:      rgba(0,0,0,.08);

  --btn-primary-bg:  var(--text);
  --btn-primary-fg:  var(--surface);
}
[data-theme="dark"] {
  --hover-tint: rgba(255,255,255,.04);
  --overlay:    rgba(0,0,0,.6);
  --chart-grid: rgba(255,255,255,.08);
}