/* Egg & Bunz — Spacing & layout tokens
   Generous white space, 4px base grid, airy rhythm. */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --sp-0:  0; /* @kind spacing */
  --sp-1:  0.25rem; /* 4 */
  --sp-2:  0.5rem;  /* 8 */
  --sp-3:  0.75rem; /* 12 */
  --sp-4:  1rem;    /* 16 */
  --sp-5:  1.5rem;  /* 24 */
  --sp-6:  2rem;    /* 32 */
  --sp-7:  2.5rem;  /* 40 */
  --sp-8:  3rem;    /* 48 */
  --sp-9:  4rem;    /* 64 */
  --sp-10: 5rem;    /* 80 */
  --sp-12: 6rem;    /* 96 */

  /* ---- Container widths ---- */
  --container-sm: 480px;
  --container-md: 768px;
  --container-lg: 1080px;
  --container-xl: 1280px;
  --gutter: var(--sp-5);

  /* ---- Radii — soft, rounded, friendly (bun-like) ---- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;   /* default cards, inputs */
  --radius-lg: 24px;   /* large cards, sheets */
  --radius-xl: 32px;   /* hero blocks */
  --radius-pill: 999px;/* buttons, tags, chips */
  --radius-round: 50%;

  /* ---- Component sizing ---- */
  --control-h-sm: 36px;
  --control-h-md: 44px; /* min hit target */
  --control-h-lg: 56px;

  /* ---- Logo clear-space (= height of letter E) ---- */
  --logo-clearspace: 1em;
}