67 lines
1.8 KiB
CSS
67 lines
1.8 KiB
CSS
/* 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;
|
|
}
|