/* ════════════════════════════════════════════════════════════════════════
   _dashboard-theme-aliases.css — biegt die Dashboard-Variablen (--brand-*,
   --bg, --text* …) auf die Theme-Tokens (--theme-*) um.
   ────────────────────────────────────────────────────────────────────────
   WICHTIG: Der Alias gilt NUR fuer Themes != entry. Bei entry/Default greift
   keine dieser Regeln → dashboard.css :root bleibt unveraendert → null
   Regression gegenueber heute. _theme.css (Tokens) MUSS davor geladen sein,
   diese Datei NACH dashboard.css (gleiche :root-Spezifitaet → spaeter gewinnt).
   ════════════════════════════════════════════════════════════════════════ */
html[data-theme="terminal"],
html[data-theme="aurora"],
html[data-theme="midnight"],
html[data-theme="editorial"],
html[data-theme="swiss"],
html[data-theme="azure"],
html[data-theme="oldcamp"],
html[data-theme="barrier"],
html[data-theme="sect"] {
  --brand-purple:        var(--theme-primary);
  --brand-purple-bright: var(--theme-accent-2);
  --brand-ink:           var(--theme-accent);
  --brand-gold:          var(--theme-accent);
  --bg:                  var(--theme-bg);
  --bg-elev:             var(--theme-surface);
  --bg-elev-2:           var(--theme-surface-2);
  --bg-deeper:           var(--theme-bg);
  --bg-card:             var(--theme-surface);
  --border:              var(--theme-border);
  --border-strong:       var(--theme-border);
  --text:                var(--theme-text);
  --text-muted:          var(--theme-text-dim);
  --text-dim:            var(--theme-text-faint);
  --text-very-dim:       var(--theme-text-faint);
  --success:             var(--theme-ok);
  --danger:              var(--theme-danger);
  --warning:             var(--theme-warn);
  --focus:               var(--theme-accent);
  /* Form/Typo: Rundung, Karten-Schatten, Schriften folgen dem Theme. */
  --r-box:               var(--theme-radius);
  --r-ctrl:              var(--theme-radius);
  --card-shadow:         var(--theme-shadow);
  --font-display:        var(--theme-font-display);
  --font-body:           var(--theme-font-body);
}

/* ════════════════════════════════════════════════════════════════════════
   EBENE 2 — Theme-Charakter fuer Dashboard-Komponenten (analog .t-card in
   widgets/_blocks.css). NUR Themes != entry. Macht aus der Farb-/Font-Angleichung
   den vollen Look (Glas, Grid, Eck-Marker, harte Kanten, Caps/Serife).
   ════════════════════════════════════════════════════════════════════════ */

/* — Terminal: Grid-Hintergrund, Eck-Marker, UPPERCASE-Mono — */
html[data-theme="terminal"] body{
  background-image:linear-gradient(var(--border) 1px,transparent 1px),
                   linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:44px 44px}
html[data-theme="terminal"] .card{position:relative}
html[data-theme="terminal"] .card::after{content:"";position:absolute;right:0;top:0;width:16px;height:16px;
  border-top:2px solid var(--brand-purple);border-right:2px solid var(--brand-purple)}
html[data-theme="terminal"] .card h2,html[data-theme="terminal"] .card h3,
html[data-theme="terminal"] th{text-transform:uppercase;letter-spacing:.04em}

/* — Aurora: Glas-Karten, Gradient-Mesh-Hintergrund — */
html[data-theme="aurora"] body{
  background-image:radial-gradient(700px 520px at 12% 4%,rgba(123,63,160,.45),transparent 60%),
                   radial-gradient(620px 480px at 90% 96%,rgba(242,183,5,.12),transparent 60%)}
html[data-theme="aurora"] .card{backdrop-filter:blur(16px) saturate(140%)}
html[data-theme="aurora"] .card h2,html[data-theme="aurora"] .card h3{font-weight:800;letter-spacing:-.01em}

/* — Midnight: dezenter Lime-Glow am Hintergrund — */
html[data-theme="midnight"] body{
  background-image:radial-gradient(800px 520px at 85% 0%,rgba(184,255,60,.06),transparent 60%)}
html[data-theme="midnight"] .card h2,html[data-theme="midnight"] .card h3{font-weight:800;letter-spacing:-.02em}

/* — Editorial: kursive Serifen-Headlines — */
html[data-theme="editorial"] .card h2,html[data-theme="editorial"] .card h3,
html[data-theme="editorial"] .greeting{font-style:italic;font-weight:500}

/* — Swiss: RIESIGE fette Caps-Headlines, harte Caps-Labels — */
html[data-theme="swiss"] .card h2,html[data-theme="swiss"] .card h3,
html[data-theme="swiss"] .greeting{text-transform:uppercase;font-weight:900;letter-spacing:-.01em}
html[data-theme="swiss"] th,html[data-theme="swiss"] label{text-transform:uppercase;font-weight:700}

/* — Azure: subtiler Akzent-Glow an der Top-Nav (clean-tech) — */
html[data-theme="azure"] .topnav{box-shadow:0 1px 0 color-mix(in srgb,var(--brand-purple) 40%,transparent)}

/* — Mittelalter (Old Camp / Barrier / Sect): Ornament-Rahmen (Eck-Beschlaege)
     + Textur-Overlay auf den Karten, analog zu den OBS-Widgets (.pubg-card/
     .t-card). Headlines folgen via --font-display der Serifen-/Display-Schrift. */
html[data-theme="oldcamp"] .card, html[data-theme="oldcamp"] .dn-ccard,
html[data-theme="barrier"] .card, html[data-theme="barrier"] .dn-ccard,
html[data-theme="sect"]    .card, html[data-theme="sect"]    .dn-ccard{
  border:var(--theme-frame-width,var(--theme-border-width)) solid var(--border);
  border-image:var(--theme-frame);
  background-image:var(--theme-texture);
  background-repeat:repeat;
}