/* ============================================================
   SPACING & RADII — Bewerbungsmanager
   ------------------------------------------------------------
   A 2px-based rhythm. The numeric name IS the px value
   (--space-12 = 12px). These cover ~77% of all gap/padding/margin
   in the app; new spacing uses a token, never a raw px.

   Off-scale one-offs (7, 9, 11, 13, 18, 22 …) are deliberate
   optical nudges in the app and are NOT tokenised on purpose.

   CONFIRMED (Session 4): the step widths grow progressively —
   2er bis 16, 4er bis 24, 8er bis 48 — so ist die Skala dicht,
   wo Komponenten fein sind, und grob, wo Layout beginnt.
   --space-28 existiert deshalb bewusst NICHT (bräche den
   8er-Schritt). Neu: --space-64 als Seiten-/Sektionsebene.
   Layout-System (Breakpoints, Container, Print-Spiegel):
   tokens/layout.css.

   PROXIMITY (Gestalt): spacing communicates grouping — related
   things sit closer than separated ones (label<->field tighter
   than section gap). See readme.

   RADII — BESTÄTIGT (Session 5): drei Stufen genügen —
     sm 8   Controls & Kleines (Inputs, Badges mit Ecken, Wells)
     12     Standard (Cards, Buttons, Menüs)
     lg 16  große Flächen (Modal/Sheet, Board-Spalte)
   Neu: --radius-full für Pills & Punkte (ersetzt freie 99px).
   Keine freien Radien; verschachtelte Radien: außen = innen +
   Abstand. Border-Tokens (--border/-1/-strong) bestätigt —
   sie leben als Farb-Rollen in tokens/colors.css.
   ============================================================ */

:root {
  /* ===== Corner radii ===== */
  --radius-sm:   8px;
  --radius:      12px;
  --radius-lg:   16px;
  --radius-full: 999px;  /* Pills, Punkte, runde Zähler */

  /* ===== Spacing scale (2px rhythm; name = px) ===== */
  --space-2:     2px;
  --space-4:     4px;
  --space-6:     6px;
  --space-8:     8px;
  --space-10:    10px;
  --space-12:    12px;
  --space-14:    14px;
  --space-16:    16px;
  --space-20:    20px;
  --space-24:    24px;
  --space-32:    32px;
  --space-40:    40px;
  --space-48:    48px;
  --space-64:    64px;
}