/* ══════════════════════════════════════════════════════
   DESIGN TOKENS — global, NON-customizable

   These are fixed platform decisions (spacing / radius /
   shadow). They are the SAME for every clinic/customer.
   Only colours (see theme.css) are customizable per clinic.

   FOUNDATION FILE: defined here for incremental adoption.
   A value is only swapped to a token where it EXACTLY
   matches an existing hardcoded value — never to "round"
   or normalize an existing hand-tuned value.
═══════════════════════════════════════════════════════ */

:root {
  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Shadow */
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.04);
}