/* AccelCura — css/rueckgrat.css (V5.3·ND1, Design „Edles Dunkel“).
   Übernommen aus dem Skill edles-dunkel-design, vorlagen/rueckgrat-r1.css
   (AccelNexus app.css „R1 Baustein 1–3“, Stand 063be7f; Regeln R-D und R-E,
   Entscheidung Vahid 09.10.2026). Regeln und Werte WORTGLEICH, nur die
   Platzhalter ersetzt: Vorrang-Id #accelcura-vorrang (gibt es in der App
   nicht), Kartenliste und Hauptaktionen.
   ND1 baut nur das FUNDAMENT (Plan: „R-A bis R-V nur dort, wo sie das
   Fundament betreffen“): die Kontur gilt deshalb für die Kacheln der
   Übersicht und das Anmeldefenster, die Glas-Hauptaktion für Anmeldung und
   Dialoge (der Schnellzugriff der Übersicht steht in nachtglas.css §6, die
   Handy-Blätter in rueckgrat-handy.css). Die Karten, Knöpfe, Unterkarten
   (R-F/R-L), Feldlisten (R-I), Stand-Texte (R-J) und aufklappenden Zeilen
   der MODULSEITEN folgen dem Umbau nach dem Konzeptgespräch (N53) — dann
   wird die Kartenliste hier zu `.page .card` erweitert (EINE Regel je Welt).
   Geladen nach css/nachtglas.css. */

/* R1 Baustein 1 — Karten-Kontur und Schein in der Rubrikfarbe (S13, Regel
   R-D, Wahl Vahid 09.10.2026: Variante D = 60 % + Schein 12 px / 18 %,
   hell 50 % / 10 %) und Hauptaktion als Glas (S15, Regel R-E).
   Die Farbe ist die Seiten-/Rubrikfarbe --m, auf der Übersicht die Farbe
   der Kachel (--kz-farbe). Zustände: Ruhe (--karte-kontur, --karte-schein),
   Darüberfahren / Fokus darin / aktiv (.karte-aktiv, aria-current) mit
   --karte-kontur-aktiv und --karte-schein-aktiv. Werte als Token in
   css/app.css (hell schwächer). `:not(#accelcura-vorrang)` zweimal hebt die
   Regel über die Karten- und Knopfregeln der Seiten-Dateien — ohne
   !important und ohne Liste der Seiten. Einen Schatten in der Tiefe
   (Übersicht-Kacheln) gibt eine Karte über --karte-tiefe mit. */
html.edel #dash-kacheln > details.card { --karte-tiefe: 0 10px 30px var(--schatten-kachel); }
html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(#dash-kacheln > details.card, .login-card) {
  border-color: color-mix(in srgb, var(--kz-farbe, var(--m)) var(--karte-kontur), transparent);
  box-shadow: inset 0 1px 0 var(--glas-kante),
              0 0 var(--karte-schein-weite) color-mix(in srgb, var(--kz-farbe, var(--m)) var(--karte-schein), transparent),
              var(--karte-tiefe, 0 0 0 transparent);
}
html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(#dash-kacheln > details.card, .login-card):is(:has(:focus-visible), .karte-aktiv, [aria-current="true"]) {
  border-color: color-mix(in srgb, var(--kz-farbe, var(--m)) var(--karte-kontur-aktiv), transparent);
  box-shadow: inset 0 1px 0 var(--glas-kante),
              0 0 var(--karte-schein-weite) color-mix(in srgb, var(--kz-farbe, var(--m)) var(--karte-schein-aktiv), transparent),
              var(--karte-tiefe, 0 0 0 transparent);
}
@media (hover: hover) {
  html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(#dash-kacheln > details.card, .login-card):hover {
    border-color: color-mix(in srgb, var(--kz-farbe, var(--m)) var(--karte-kontur-aktiv), transparent);
    box-shadow: inset 0 1px 0 var(--glas-kante),
                0 0 var(--karte-schein-weite) color-mix(in srgb, var(--kz-farbe, var(--m)) var(--karte-schein-aktiv), transparent),
                var(--karte-tiefe, 0 0 0 transparent);
  }
}
/* Fehler bei der Anmeldung: der rote Schein geht vor (nachtglas.css). Die
   Liste in :is() ist dieselbe wie oben — :is() zählt mit der höchsten
   Spezifität seiner Liste (hier die Id #dash-kacheln); ein schlichtes
   `.login-card.nd-fehler` verlöre sonst gegen die Kontur-Regel. */
html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(#dash-kacheln > details.card, .login-card).nd-fehler {
  border-color: color-mix(in srgb, var(--rot-nacht) 55%, transparent);
  box-shadow: inset 0 1px 0 var(--glas-kante),
              0 0 0 1px color-mix(in srgb, var(--rot-nacht) 25%, transparent),
              0 0 42px color-mix(in srgb, var(--rot-nacht) 30%, transparent);
}
/* Hauptaktion = das Glas des aktiven Umschalt-Knopfs (Tönung 18 %, Kontur
   und Schein in --m, Schrift kräftig und fett, Symbol in --m) — im Dialog
   und auf der Anmeldung. Markenblau nur, wo es keine Rubrikfarbe gibt
   (Anmeldung: --m = --marke-blau). Die gefüllte Fläche (F33 „--haupt-blau“)
   ist aufgehoben. Gefährliches bleibt rot umrandet. */
html.edel .login-body { --m: var(--marke-blau); }
html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(.login-card button.primary, .overlay .modal-foot button.primary:not(.danger)) {
  background: color-mix(in srgb, var(--m) 18%, transparent);
  border: 1px solid var(--m);
  border-radius: var(--r-knopf);
  color: var(--text-stark);
  font-family: inherit;
  font-weight: 700;
  filter: none;
  box-shadow: inset 0 1px 0 var(--glas-kante),
              0 0 var(--leucht-glas-weite) color-mix(in srgb, var(--m) var(--leucht-glas), transparent);
}
html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(.login-card button.primary, .overlay .modal-foot button.primary:not(.danger)) :is([data-icon], svg) { color: var(--m); }
@media (hover: hover) {
  html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(.login-card button.primary, .overlay .modal-foot button.primary:not(.danger)):enabled:hover {
    background: color-mix(in srgb, var(--m) 26%, transparent);
    border-color: var(--m);
    filter: none;
    box-shadow: inset 0 1px 0 var(--glas-kante),
                0 0 var(--leucht-haupt-hover-weite) color-mix(in srgb, var(--m) var(--leucht-haupt-hover), transparent);
  }
}
html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(.login-card button.primary, .overlay .modal-foot button.primary:not(.danger)):focus-visible { outline: 2px solid var(--m); outline-offset: 2px; }

/* Ruhe (Skill uebergaenge.md §5): jede Bewegung dieser Datei steht still. */
@media (prefers-reduced-motion: reduce) {
  html.edel:not(#accelcura-vorrang) body:not(#accelcura-vorrang) :is(#dash-kacheln > details.card, .login-card) { transition: none; }
}