/* Kundenansicht neu: Tokens im weißen Stil.
   Werte wörtlich aus dem Ticketsystem (src/styles/global.css:7-51) und der Übersicht. Kein Dunkelmodus. */
.kn {
  color-scheme: light;

  /* Flächen und Text */
  --kn-bg: #fff;
  --kn-bg-hover: #f6f8fa;
  --kn-bg-subtle: #f8f9fb;
  --kn-text: #1a1f36;
  --kn-text-2: #5e6678;
  --kn-text-3: #8a93a3; /* nur für Nebensächliches */

  /* Linien */
  --kn-line: #ebeef1;
  --kn-line-strong: #d8dde3;

  /* Akzent: Schwarz */
  --kn-accent: #111;
  --kn-accent-hover: #2b2b2b;
  --kn-accent-soft: rgba(17,17,17,.06);
  --kn-accent-ring: rgba(17,17,17,.14);

  /* Status-Pillen (Fläche / Schrift) */
  --kn-grau-bg: #ebeef1;
  --kn-grau-fg: #414552;
  --kn-blau-bg: #e0f2fe;
  --kn-blau-fg: #075985;
  --kn-orange-bg: #fcedb9;
  --kn-orange-fg: #a82c00;
  --kn-violett-bg: #efeafe;
  --kn-violett-fg: #5b21b6;
  --kn-gruen-bg: #d7f7c2;
  --kn-gruen-fg: #006908;
  --kn-rot-bg: #ffe7f2;
  --kn-rot-fg: #b3093c;

  /* Fehler */
  --kn-danger: #c0123c;
  --kn-danger-ring: rgba(192,18,60,.18);

  /* Radien, Schatten, Abdunklung */
  --kn-radius: 6px;
  --kn-radius-lg: 12px;
  --kn-ring: 0 0 0 1px rgba(60,66,87,.16), 0 1px 1px rgba(0,0,0,.06);
  --kn-shadow-btn: 0 1px 1px rgba(0,0,0,.12), 0 2px 5px rgba(60,66,87,.08);
  --kn-shadow-pop: 0 0 0 1px rgba(60,66,87,.06), 0 12px 32px rgba(26,31,54,.14), 0 2px 6px rgba(26,31,54,.06);
  --kn-overlay: rgba(26,31,54,.32);

  /* Abstände und Maße */
  --kn-sp-1: 4px;
  --kn-sp-2: 8px;
  --kn-sp-3: 12px;
  --kn-sp-4: 16px;
  --kn-sp-5: 24px;
  --kn-sp-6: 32px;
  --kn-sidebar-w: 232px;
  --kn-zeile-h: 56px;

  /* Bewegung: Federn für Balken, Bremse für Blatt und Reel */
  --kn-feder: cubic-bezier(.3,1.25,.4,1);
  --kn-bremse: cubic-bezier(.2,.8,.2,1);

  /* Schrift */
  --kn-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}