/* Cal.com — Spacing, radius & elevation tokens
   Base unit 4px. Section rhythm 96px. Soft modern elevation. */

:root {
  /* --- Spacing scale (4px base) --- */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 96px;

  /* --- Layout --- */
  --container-max: 1200px;

  /* --- Border radius --- */
  --radius-xs: 4px;    /* badge accents */
  --radius-sm: 6px;    /* small inline buttons, dropdown items */
  --radius-md: 8px;    /* buttons, inputs, category tabs */
  --radius-lg: 12px;   /* content cards */
  --radius-xl: 16px;   /* hero app-mockup card */
  --radius-pill: 9999px; /* nav-pill-group, badges */
  --radius-full: 9999px; /* avatars, icon buttons */

  /* --- Elevation (soft, modern — no heavy shadows) --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  /* the white-pill-inside-pill nav uses the small shadow */
  --shadow-pill: 0 1px 2px rgba(0, 0, 0, 0.06);

  /* --- Borders --- */
  --border-hairline: 1px solid var(--color-hairline);
}