/* Ebene "alt" fuer k-grund.css (erzeugt von bau/lagen-erzeugen.mjs, nicht bearbeiten) */
@layer alt {
/* Konsole neu · Gestaltungssystem (Token). Welle 1A, 05.10.2026.
   Quelle: Figma JkiPNR4yuZr9VdL50YPnkg, Seite 742:1175, Rahmen 743:1175 "00 Gestaltungssystem", Variablen-Sammlung "Konsole"
   (Modus Hell; kein Dunkelmodus, Tim 05.10.2026). Bewegung aus dem Bewegungsblatt 767:12401.
   Diese Datei laedt als ERSTES Stylesheet jeder Konsolenseite (layouts/Rahmen.astro) und enthaelt nur Token, keine Regeln fuer
   Bausteine. Die Namen sind fest; Shell (k-shell.css) und Startseite (Welle 1B) nutzen sie.

   Gerechnete Kontraste (WCAG 2.x, gegen die naechste deckende Flaeche, Skript neu-shell/kontrast.mjs):
     Text #172124 auf Flaeche #FFFFFF 16,41 · Text-leise #4F5B5E auf Flaeche 7,02, auf Papier #EEF3F3 6,27, auf Flaeche-2 6,52
     Text-3 #5A6669 auf Papier 5,30 · Akzent-text #A83C05 auf Flaeche 6,34, auf Akzent-weich 5,18, auf Papier 5,66
     Tinte auf Akzent #FF7120 5,97, auf Akzent-hover 7,01, auf Akzent-gedrueckt 4,83 (nie weisse Schrift auf Orange)
     Erfolg #276E53 auf Flaeche 6,10, auf Erfolg-weich 5,42 · Warnung #8A5A00 auf Flaeche 5,93, auf Warnung-weich 5,32
     Fehler #A63F36 auf Flaeche 6,20, auf Fehler-weich 5,34 · Info #245E9E auf Info-weich 5,75
     Leiste: Leiste-text auf Leiste-grund 15,21, auf Leiste-aktiv 11,93, auf Leiste-hover 13,47; Leiste-leise auf Grund 7,34,
     auf Hover 6,50, auf Aktiv 5,76 · Bereichsmarkierung auf Leiste-grund: Heute 5,97, Verkaufen 6,98, Kunden 5,96,
     Website 6,99, Team 8,82 · Bereichstext auf Bereich-weich: Heute 5,18, Verkaufen 5,54, Kunden 5,45, Website 5,60, Team 5,32
     Live #1F9D5C ist nur Punktfarbe (3,48 auf Weiss, Grenze fuer Grafik 3,0), nie Schrift. */
:root {
  /* Abstaende 4 · 8 · 12 · 16 · 24 · 32 · 48 */
  --k-abstand-1: 4px; --k-abstand-2: 8px; --k-abstand-3: 12px; --k-abstand-4: 16px; --k-abstand-5: 24px; --k-abstand-6: 32px; --k-abstand-7: 48px;
  /* Radien: klein (Chip, kleines Feld) · Standard (Knopf, Feld) · Karte · Flaeche · rund */
  --k-radius-1: 6px; --k-radius-2: 8px; --k-radius-3: 12px; --k-radius-4: 16px; --k-radius-5: 999px;
  /* Schriftgroessen: 12 Etikett · 13 Klein · 14 Text · 16 Text betont · 20 Titel klein · 28 Titel · 40 Anzeige */
  --k-schrift-1: 12px; --k-schrift-2: 13px; --k-schrift-3: 14px; --k-schrift-4: 16px; --k-schrift-5: 20px; --k-schrift-6: 28px; --k-schrift-7: 40px;
  --k-zeile-1: 16px; --k-zeile-2: 18px; --k-zeile-3: 20px; --k-zeile-4: 22px; --k-zeile-5: 26px; --k-zeile-6: 34px; --k-zeile-7: 44px;
  --k-schrift-text: 'Inter', system-ui, sans-serif; --k-schrift-titel: 'Space Grotesk', system-ui, sans-serif; --k-schrift-mono: 'Geist Mono', ui-monospace, monospace;
  /* Schatten: 1 Ruhe (Karte) · 2 Hover, Menue · 3 Ebene (Panel, Dialog) */
  --k-schatten-1: 0 1px 2px rgba(23, 33, 36, 0.06), 0 0 0 1px rgba(23, 33, 36, 0.05);
  --k-schatten-2: 0 8px 24px -4px rgba(23, 33, 36, 0.10), 0 0 0 1px rgba(23, 33, 36, 0.06);
  --k-schatten-3: 0 24px 64px -8px rgba(23, 33, 36, 0.18), 0 0 0 1px rgba(23, 33, 36, 0.08);
  /* Bewegung: 120 Hover/Fokus · 200 Menue/Toast/Tooltip/Zahl · 320 Panel/Befehlsfeld/Diagramm; nur transform und opacity */
  --k-dauer-1: 120ms; --k-dauer-2: 200ms; --k-dauer-3: 320ms;
  --k-kurve: cubic-bezier(0.2, 0, 0, 1); --k-kurve-heraus: cubic-bezier(0, 0, 0, 1); --k-kurve-hinein: cubic-bezier(0.3, 0, 1, 1);
  /* Einblenden beim Laden hoechstens 150 ms, ohne Verzoegerung (Pruefbericht Bedienung L6) */
  --k-einblenden: 150ms;
  /* Dichte: Listenzeile 44, dicht 36 */
  --k-zeile-liste: 44px; --k-zeile-dicht: 36px;

  /* Farben */
  --k-tinte: #172124; --k-papier: #EEF3F3; --k-flaeche: #FFFFFF; --k-flaeche-2: #F4F7F7; --k-flaeche-3: #E7EDEE;
  --k-linie: #DEE6E7; --k-feldrand: #7D8B8F;
  --k-text: #172124; --k-text-leise: #4F5B5E; --k-text-3: #5A6669;
  --logo-orange: #FF7120; /* 06.11.2026: Logo-Farbe als eigener Wert (vorher nur Rueckfall in k-huelle/plattform/k-zugang-neu) */
  --k-akzent: #FF7120; --k-akzent-hover: #FF8A45; --k-akzent-gedrueckt: #E8620F; --k-akzent-weich: #FFE3D2; --k-akzent-text: #A83C05; --k-auf-akzent: #172124;
  --k-erfolg: #276E53; --k-erfolg-weich: #E9F4EE; --k-warnung: #8A5A00; --k-warnung-weich: #FBF2DE;
  --k-fehler: #A63F36; --k-fehler-weich: #F9EBE8; --k-fehler-hover: #8E342C; --k-fehler-gedrueckt: #7A2C25;
  --k-info: #245E9E; --k-info-weich: #E7F0FA; --k-live: #1F9D5C;
  /* 06.11.2026: bisher nur als Rueckfall in b-widget-raster.css und k-verkaufen.css benutzt, nirgends definiert */
  --k-fokus: var(--k-info); --k-erfolg-hell: var(--k-bereich-verkaufen);
  /* Leiste (dunkel) */
  --k-leiste-grund: #172124; --k-leiste-hover: #1F2B2F; --k-leiste-aktiv: #263438; --k-leiste-linie: #364347; --k-leiste-text: #F3F7F7; --k-leiste-leise: #A2B0B3;
  /* Bereichsakzente: Markierung (auf der Leiste), weich (helle Flaeche), text (Schrift auf weich) */
  --k-bereich-heute: #FF7120; --k-bereich-heute-weich: #FFE3D2; --k-bereich-heute-text: #A83C05;
  --k-bereich-verkaufen: #3DBE8B; --k-bereich-verkaufen-weich: #DDF3E9; --k-bereich-verkaufen-text: #1D6B4C;
  --k-bereich-kunden: #9D8CFF; --k-bereich-kunden-weich: #ECE8FF; --k-bereich-kunden-text: #5B43D6;
  --k-bereich-website: #4FB3E8; --k-bereich-website-weich: #DFF1FB; --k-bereich-website-text: #1C6390;
  --k-bereich-team: #F2B33D; --k-bereich-team-weich: #FBF2DE; --k-bereich-team-text: #8A5A00;
  /* Diagramme */
  --k-diagramm-reihe-1: #B8490F; --k-diagramm-reihe-2: #172124; --k-diagramm-vorperiode: #7D8B8F; --k-diagramm-flaeche: #FFE3D2; --k-diagramm-raster: #DEE6E7;
}

/* Weniger Bewegung: alle Dauern 0, Ruhezustand ist der sichtbare Zustand */
@media (prefers-reduced-motion: reduce) {
  :root { --k-dauer-1: 0ms; --k-dauer-2: 0ms; --k-dauer-3: 0ms; --k-einblenden: 0ms; }
}

}