/* ============================================================
   BewerbungsManager — Spacing, radius, layout & elevation
   ------------------------------------------------------------
   LOCK: Radius 12px für Karten/Flächen, 10px für Controls,
   8px für kleine Chips, 6px für Buttons, Tags und Status-
   Chips (eckig, keine Pills). Dots bleiben rund (999px inline).
   Schatten-Werte leben theme-abhängig in tokens/colors.css.
   ============================================================ */

:root {
  /* radius */
  --r:      12px;    /* Karten, Panels, Terminals */
  --r-ctl:  10px;    /* Inputs, Menüs, Segmente */
  --r-sm:   8px;     /* kleine Chips, Brand-Mark */
  --r-pill: 6px;     /* Buttons, Tags, Status-Chips — eckig */

  /* spacing scale (4px base) */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.4rem;
  --sp-6:  2rem;
  --sp-8:  3rem;
  --sp-10: 4rem;

  /* layout */
  --pad:    clamp(1.25rem, 5vw, 2rem);   /* inline gutter */
  --maxw:   1240px;                       /* content max width */
  --sect-y: clamp(4.5rem, 11vw, 8rem);    /* @kind spacing */
}