/* Tokihana — Spacing + layout tokens
 *
 * Mobile-first system. The canvas is 402px wide; horizontal page gutter is
 * 22px; sections are banded vertically and separated by 40–54px.
 */

:root {
  /* Numeric scale (px) */
  --sp-0:  0;   /* @kind spacing */
  --sp-1:  4px;
  --sp-2:  6px;
  --sp-3:  8px;
  --sp-4:  10px;
  --sp-5:  12px;
  --sp-6:  14px;
  --sp-7:  16px;
  --sp-8:  18px;
  --sp-9:  22px;   /* page gutter */
  --sp-10: 24px;
  --sp-11: 28px;
  --sp-12: 32px;
  --sp-13: 40px;
  --sp-14: 46px;
  --sp-15: 52px;
  --sp-16: 60px;

  /* ---------- Semantic ---------- */
  --page-max-width:   402px;
  --page-gutter:      22px;   /* left/right padding of every section */
  --section-y:        52px;   /* vertical section padding (top+bottom typical) */
  --section-y-sm:     40px;
  --section-y-lg:     54px;

  --stack-tight:      8px;
  --stack:            12px;
  --stack-lg:         16px;
  --stack-xl:         24px;

  --inline-tight:     6px;
  --inline:           10px;
  --inline-lg:        14px;

  /* Content max widths inside a section */
  --measure-narrow:   310px;   /* disclaimer, cap line */
  --measure:          320px;   /* body paragraph */
  --measure-wide:     340px;   /* stat grid */

  /* Card / row internals */
  --card-pad-x:       22px;
  --card-pad-y:       20px;
  --row-gap:          16px;
}