/* BUC-36 — Formen, Linien, Fokus, Bewegung.
   Grundhaltung kantig. Keine Schlagschatten — Tiefe entsteht durch Fläche und Linie. */
:root {
  /* Eckenradien — maximal drei Stufen */
  --radius-none: 0;      /* Bilder, Flächen, Karten */
  --radius-sm: 3px;      /* Eingabefelder */
  --radius-md: 6px;      /* Buttons, Chips */

  /* Linienstärken */
  --line-hairline: 1px;  /* Trenner, Rahmen */
  --line-strong: 2px;    /* Hervorhebungen, aktive Ränder */

  /* Fokusring — in allen Komponenten identisch */
  --focus-width: 2px;
  --focus-offset: 2px;
  --focus-ring: 0 0 0 var(--focus-offset) var(--buc-paper), 0 0 0 calc(var(--focus-offset) + var(--focus-width)) var(--buc-focus);

  /* Bewegung — sehr zurückhaltend: zwei Dauern, eine Kurve */
  --motion-fast: 120ms; /* @kind other */
  --motion-slow: 320ms; /* @kind other */
  --motion-ease: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; /* @kind other */ --motion-slow: 0ms; /* @kind other */ }
}