/* ============================================================
   YKMTEST — Spacing & sizing tokens.  4px base grid.
   ============================================================ */
:root {
  --sp-0:  0; /* @kind spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* component sizing */
  --control-h-sm: 32px;
  --control-h:    40px;   /* default input / button height */
  --control-h-lg: 48px;
  --hit-min:      44px;   /* min touch/click target */

  --sidebar-w:    248px;
  --topbar-h:     56px;

  /* gaps */
  --gap-tight: var(--sp-2);
  --gap:       var(--sp-4);
  --gap-loose: var(--sp-6);

  /* page paddings */
  --pad-panel: var(--sp-6);
  --pad-card:  var(--sp-5);
}