/* ==========================================================================
   Nowa — Spacing, radius & sizing tokens
   Bootstrap 5 spacer scale (0 .25 .5 1 1.5 3 rem) plus the finer paddings
   the template actually uses on controls and cards.
   ========================================================================== */
:root {
  /* ---- Spacer scale ---- */
  --space-0: 0;
  --space-1: 0.25rem;   /* 4px  */
  --space-2: 0.5rem;    /* 8px  */
  --space-3: 1rem;      /* 16px */
  --space-4: 1.5rem;    /* 24px */
  --space-5: 3rem;      /* 48px */

  /* ---- Component paddings (as shipped) ---- */
  --card-spacer-x: 1.25rem;   /* card-header / card-body inline padding  */
  --card-spacer-y: 1.25rem;
  --btn-padding-y: 0.5rem;
  --btn-padding-x: 0.85rem;
  --control-padding-y: 0.5rem;
  --control-padding-x: 0.85rem;
  --gutter: 1.5rem;           /* grid gutter / default card bottom margin */

  /* ---- Corner radii ---- */
  --radius-sm: 0.2rem;     /* btn-sm, small chips        */
  --radius-badge: 0.25rem; /* badges                      */
  --radius-btn: 0.35rem;   /* buttons, inputs             */
  --radius: 0.4rem;        /* default — cards, dropdowns  */
  --radius-lg: 0.5rem;
  --radius-pill: 50rem;    /* pills / capsules            */
  --radius-circle: 50%;

  /* ---- Borders ---- */
  --border-width: 1px; /* @kind spacing */
}