/* kinux «Polar»: kanonische Design-Tokens (Handoff 22.08.2026, tokens/polar.css). Einzige Farb- und Mass-Quelle aller Kunden-UIs. Dark = :root, Light via [data-theme="light"] auf (Theme-Boot: /theme-boot.js, Key kinuxA.theme). Zusatz-Tokens (accB, glow, rec, track, okbr, errbr, warnbr) stammen aus den Prototypen kinux call und Admin-Konsole; Werte 1:1 uebernommen. */ :root{ /* Flaechen */ --bg:#0E1113;--sb:#0A0D0F;--card:#191F25;--card2:#212830; /* Linien und Hover */ --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.16);--hov:rgba(255,255,255,.06); /* Text: t1 primaer, t2 sekundaer, t3 leise */ --t1:#F2F5F7;--t2:#A9B4BD;--t3:#717E89; /* Akzent Eisblau: acc Flaeche/Fokus, acc2 gedeckt, accInk Text AUF Akzent, accB hell (call) */ --acc:#7AD4FF;--acc2:#4E93B8;--accInk:#04222F;--accB:#D9F2FF; --tint:rgba(122,212,255,.09);--tint2:rgba(122,212,255,.17);--accbr:rgba(122,212,255,.35);--glow:rgba(122,212,255,.2); /* Semantik */ --ok:#8CD9A8;--okT:rgba(140,217,168,.12);--okbr:rgba(140,217,168,.32); --err:#E8837B;--errT:rgba(232,131,123,.12);--errbr:rgba(232,131,123,.32); --warn:#E8C57B;--warnT:rgba(232,197,123,.12);--warnbr:rgba(232,197,123,.32); --rec:#E05B4F;--track:rgba(255,255,255,.09); /* Tiefe und Radien: r1 Controls, r2 Zeilen/Menues, r3 Karten */ --sh:0 8px 28px rgba(0,0,0,.45);--r1:9px;--r2:13px;--r3:18px; /* Schrift: Sans fuer UI, Mono fuer Metazeilen, Zahlen, Caps-Labels */ --sans:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace; /* Abstands-Skala */ --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px; /* Motion: Mikro (Hover, Chips), Standard (Fades, Buttons), Struktur (Karten, Panels) */ --m1:120ms;--m2:200ms;--m3:320ms; --ease:cubic-bezier(.33,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1)} [data-theme="light"]{ --bg:#F5F7F9;--sb:#EDF1F4;--card:#FFFFFF;--card2:#F0F3F6; --line:rgba(15,32,44,.09);--line2:rgba(15,32,44,.17);--hov:rgba(15,32,44,.05); --t1:#17242E;--t2:#5C6C79;--t3:#93A0AB; --acc:#0C7CB8;--acc2:#3E9ED1;--accInk:#FFFFFF;--accB:#0C7CB8; --tint:rgba(12,124,184,.08);--tint2:rgba(12,124,184,.15);--accbr:rgba(12,124,184,.4);--glow:rgba(12,124,184,.18); --ok:#1F8A4C;--okT:rgba(31,138,76,.10);--okbr:rgba(31,138,76,.35); --err:#C4453A;--errT:rgba(196,69,58,.10);--errbr:rgba(196,69,58,.35); --warn:#9A7B1F;--warnT:rgba(154,123,31,.12);--warnbr:rgba(154,123,31,.35); --rec:#C4453A;--track:rgba(15,32,44,.10); --sh:0 8px 28px rgba(15,32,44,.14)} @media (prefers-reduced-motion:reduce){:root{--m1:0ms;--m2:0ms;--m3:0ms}}