/* ============================================================================
   Spacing tokens — zer0-mistakes
   ----------------------------------------------------------------------------
   Source of truth: bamr87/zer0-mistakes _sass/tokens/_spacing.scss. The base
   0–5 scale mirrors Bootstrap's spacer utilities; layout-specific tokens cover
   landing section rhythm, container gutters, the floating-action-button stack,
   sidebar widths, and the wide docs container. Corner radii live in
   tokens/radius.css; breakpoints in tokens/breakpoints.css.
   ============================================================================ */

:root {
  /* Base scale (mirrors Bootstrap utility 0–5) ---------------------------- */
  --zer0-space-0: 0;
  --zer0-space-1: 0.25rem;  /* 4px  */
  --zer0-space-2: 0.5rem;   /* 8px  */
  --zer0-space-3: 1rem;     /* 16px */
  --zer0-space-4: 1.5rem;   /* 24px */
  --zer0-space-5: 3rem;     /* 48px */

  /* Layout-specific ------------------------------------------------------- */
  --zer0-space-section: clamp(2rem, 6vw, 5rem);     /* vertical rhythm between landing sections */
  --zer0-space-container-x: clamp(1rem, 4vw, 2rem); /* gutter */
  --zer0-space-fab-offset: 1rem;                    /* FAB distance from viewport edge */
  --zer0-space-fab-size: 3.5rem;                    /* standard circular FAB diameter */
  --zer0-space-fab-gap: 0.75rem;                    /* gap between stacked FABs */

  /* Sidebar widths -------------------------------------------------------- */
  --zer0-sidebar-width: 17rem;
  --zer0-sidebar-toc-width: 12rem;

  /* Docs layout containers — wider than Bootstrap container-xxl (1320px) --- */
  --zer0-layout-max-width-xl: 1280px; /* @kind spacing */
  --zer0-layout-max-width-xxl: clamp(1400px, 94vw, 1720px); /* @kind spacing */
}