/* ============================================================================
   Montivory — Spacing, sizing & border tokens
   4px base grid; control heights 34 / 44 / 52 (sm / md / lg).
   ============================================================================ */
:root {
  --spacing-0:   0px;
  --spacing-0-5: 2px;
  --spacing-1:   4px;
  --spacing-1-5: 6px;
  --spacing-2:   8px;
  --spacing-2-5: 10px;
  --spacing-3:   12px;
  --spacing-4:   16px;
  --spacing-5:   20px;
  --spacing-6:   24px;
  --spacing-7:   28px;
  --spacing-8:   32px;
  --spacing-9:   36px;
  --spacing-10:  40px;
  --spacing-11:  44px;
  --spacing-12:  48px;
  --spacing-16:  64px;
  --spacing-20:  80px;

  /* Control heights (small 34, regular 44, large 52) */
  --size-control-knob: 18px;   /* slider thumb, switch dot */
  --badge-pill-padding: 1px 7px;  /* count pill inside Tabs / Sidebar rows */
  --size-element-sm: 34px;
  --size-element-md: 44px;
  --size-element-lg: 52px;

  /* Borders */
  --border-width:        1px;
  --border-width-strong: 2px;
}