/* ============================================================
   SPACING & RADIUS · BakeryOS
   4px base grid. Generous padding for "calm density".
   Radius: 16 cards · 10 small · 7 xs · 30 pills/chips.
   ============================================================ */

:root {
  /* — Spacing scale (4px grid) — */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  18px;
  --space-6:  22px;
  --space-7:  26px;
  --space-8:  30px;
  --space-9:  40px;

  /* — Page padding — */
  --page-pad-x:        30px;  /* desktop horizontal page padding       */
  --page-pad-x-mobile: 16px;  /* mobile horizontal page padding        */
  --page-pad-y:        26px;  /* desktop top padding                   */
  --page-max:          1240px;/* page content max width                */

  /* — Card padding — */
  --card-pad:    16px;
  --card-pad-lg: 18px;

  /* — Layout grid gap — */
  --grid-gap: 18px;

  /* — Sidebar width — */
  --sidebar-w: 264px;

  /* — Radius — */
  --rayon:    16px;   /* cards                                          */
  --rayon-sm: 10px;   /* buttons, inputs, small cards                   */
  --rayon-xs: 7px;    /* editable cells, micro                          */
  --rayon-pill: 30px; /* chips, segmented controls, round buttons       */

  /* — English aliases — */
  --radius-card:  var(--rayon);
  --radius-sm:    var(--rayon-sm);
  --radius-xs:    var(--rayon-xs);
  --radius-pill:  var(--rayon-pill);

  /* — Min tap target (kitchen-legible, gloved fingers) — */
  --tap-min: 44px;
}