/* ==================================================================
   MYSTORiQ · SPACING & LAYOUT TOKENS
   ================================================================== */

:root {
  /* 4px base rhythm */
  --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:  3rem;      /* 48 */
  --sp-8:  4rem;      /* 64 */
  --sp-9:  6rem;      /* 96 */

  /* Component insets */
  --pad-chip:   0.375rem 0.75rem;
  --pad-btn:    0.75rem 1.5rem;
  --pad-btn-sm: 0.5rem 1rem;
  --pad-card:   1.5rem;
  --pad-panel:  2.5rem;

  /* Layout */
  --container:      1200px;
  --container-text: 720px;   /* comfortable reading measure */
  --gutter:         2rem;
  --gutter-sm:      1rem;
}