/* ==========================================================================
   Administratie Start — Radii, shadows, motion tokens
   Soft, low-spread shadows; generously rounded cards (employes-like).
   ========================================================================== */
:root {
  /* --- Corner radii ------------------------------------------------------ */
  --radius-xs:  4px;
  --radius-sm:  6px;
  --radius-md:  10px;  /* inputs, buttons */
  --radius-lg:  14px;  /* cards */
  --radius-xl:  20px;  /* large panels */
  --radius-2xl: 28px;
  --radius-full: 999px;

  /* --- Shadows ----------------------------------------------------------- */
  --shadow-xs: 0 1px 2px rgba(19, 26, 36, 0.06);
  --shadow-sm: 0 1px 2px rgba(19, 26, 36, 0.06), 0 1px 3px rgba(19, 26, 36, 0.05);
  --shadow-md: 0 4px 12px -2px rgba(19, 26, 36, 0.08), 0 2px 6px -2px rgba(19, 26, 36, 0.06);
  --shadow-lg: 0 12px 28px -6px rgba(19, 26, 36, 0.12), 0 6px 12px -6px rgba(19, 26, 36, 0.08);
  --shadow-xl: 0 24px 48px -12px rgba(19, 26, 36, 0.18), 0 8px 16px -8px rgba(19, 26, 36, 0.10);

  /* Focus ring (gold) */
  --ring-focus: 0 0 0 3px rgba(214, 175, 54, 0.35);
  --ring-focus-danger: 0 0 0 3px rgba(206, 74, 74, 0.30);

  /* --- Motion ------------------------------------------------------------ */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 180ms; /* @kind other */
  --dur-slow: 260ms; /* @kind other */
}