:root[data-gestaltung="arbeitsplatz"]{
  --rundung:1;
  --knopf-gewicht:600;
  --knopf-text:var(--text-liste);
  --ebene-schleier:90;
  --ebene-hinweis:100;
  --ebene-anlauf:200;
  --ebene-sperre:300;
  --r-xs:calc(6px * var(--rundung));
  --r-sm:calc(10px * var(--rundung));
  --r-md:calc(14px * var(--rundung));
  --r-lg:calc(20px * var(--rundung));
  --r-xl:calc(28px * var(--rundung));
  --r-pill:999px;
  --r-ring:calc(var(--r-md) - 3px);
  --r-karte:var(--r-md);
  --r-gross:var(--r-md);
  --r-mittel:var(--r-sm);
  --r-klein:var(--r-sm);
  --innen:16px;
  --r2:2px;
  --r4:4px;
  --r8:8px;
  --r12:12px;
  --r16:16px;
  --r20:20px;
  --r24:24px;
  --r32:32px;
  --r40:40px;
  --text-mikro:11px;
  --text-fein:11.5px;
  --text-klein:12px;
  --text-neben:12.5px;
  --text-liste:13px;
  --text-zeile:13.5px;
  --text:14px;
  --text-titel:15px;
  --text-kopf:16px;
  --text-gross:20px;
  --text-seite:26px;
  --text-zahl:26px;
  --e-aus:cubic-bezier(0.22,1,0.36,1);
  --e-gleiten:cubic-bezier(0.4,0,0.2,1);
  --e-zeiger:ease;
  --e-feder:cubic-bezier(0.34,1.56,0.64,1);
  --d-1:120ms;
  --d-2:180ms;
  --d-3:240ms;
  --takt-rueckmeldung:var(--d-1);
  --takt-oeffnen:var(--d-2);
  --takt-wechsel:var(--d-3);
  --fokus-breite:2px;
  --fokus-abstand:2px;
  --ziel-grob:44px;
  --sans:Manrope,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  --sans-gross:Manrope,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
}
:root[data-gestaltung="arbeitsplatz"]{
  --gestalt-titelleiste:52px;
  --gestalt-schiene:68px;
  --gestalt-schiene-breit:206px;
  --gestalt-klappe:240px;
  --gestalt-leiste-unten:0px;
  --gestalt-luft:10px;
  --gestalt-zeile:52px;
  --gestalt-kartenkopf:48px;
  --gestalt-tabelle-kopf:34px;
  --gestalt-tabelle-zeile:46px;
  --gestalt-knopf:32px;
  --gestalt-knopf-klein:28px;
  --gestalt-punkt:30px;
  --gestalt-zeichen-klein:14px;
  --gestalt-avatar:36px;
  --gestalt-zeichenfeld:40px;
  --gestalt-kontoblatt:264px;
  --gestalt-dialog-schmal:360px;
  --gestalt-dialog:480px;
  --gestalt-dialog-breit:640px;
}
:root[data-gestaltung="arbeitsplatz"][data-gestalt="slim"]{
  --innen:10px;
  --gestalt-titelleiste:44px;
  --gestalt-schiene:52px;
  --gestalt-schiene-breit:166px;
  --gestalt-leiste-unten:68px;
  --gestalt-zeile:60px;
}
:root[data-gestaltung="arbeitsplatz"][data-stil="klassisch"]{
  --rundung:0.5;
  --knopf-gewicht:500;
  --knopf-text:13.5px;
  --sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --sans-gross:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
:root[data-gestaltung="arbeitsplatz"][data-ecken="rund"]{
  --rundung:1.4;
}
:root[data-gestaltung="arbeitsplatz"][data-ecken="eckig"]{
  --rundung:0.3;
  --r-pill:var(--r-sm);
}
:root[data-gestaltung="arbeitsplatz"][data-schrift="system"]{
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  --sans-gross:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
}
:root[data-gestaltung="arbeitsplatz"]{
  --handlung:var(--haupt);
  --handlung-hover:var(--haupt-hover);
  --auf-handlung:var(--auf-haupt);
  --haupt-flaeche:var(--haupt-satin);
  --haupt-flaeche-hover:var(--haupt-satin-hover);
}
:root[data-gestaltung="arbeitsplatz"][data-verlauf="aus"]{
  --haupt-flaeche:var(--handlung);
  --haupt-flaeche-hover:var(--handlung-hover);
}