> ## Oymyakon DS index
> Fetch the full index at: https://super-dollop-pzmo65r.pages.github.io/llms.txt
> HTML preview: https://super-dollop-pzmo65r.pages.github.io/spacing.html
> Source: tokens/generated/spacing.css

---

## Generated tokens — `tokens/generated/spacing.css`

```css
/* ================================================================
 * Oymyakon Design System — Spacing Tokens (spacing.css)
 * AUTO-GENERATED by build-dtcg.js — DO NOT EDIT MANUALLY
 * Source: tokens/src/spacing/scale.json
 * ================================================================ */


/* Mode: 100% (default) */
:root {

  --sp-s0: 0px;
  --sp-s2: 2px;
  --sp-s4: 4px;
  --sp-s6: 6px;
  --sp-s8: 8px;
  --sp-s10: 10px;
  --sp-s12: 12px;
  --sp-s14: 14px;
  --sp-s16: 16px;
  --sp-s20: 20px;
  --sp-s24: 24px;
  --sp-s28: 28px;
  --sp-s32: 32px;
  --sp-s36: 36px;
  --sp-s40: 40px;
  --sp-s44: 44px;
  --sp-s48: 48px;
  --sp-s52: 52px;
  --sp-s56: 56px;
  --sp-s60: 60px;
  --sp-s64: 64px;
  --sp-s68: 68px;
  --sp-s72: 72px;
  --sp-s76: 76px;
  --sp-s80: 80px;
  --sp-s84: 84px;
  --sp-s88: 88px;
  --sp-s92: 92px;
  --sp-s96: 96px;
  --sp-s100: 100px;
  --sp-s104: 104px;
  --sp-s108: 108px;
  --sp-s112: 112px;
  --sp-s116: 116px;
  --sp-s120: 120px;
  --sp-s124: 124px;
  --sp-s128: 128px;
  --sp-s132: 132px;
  --sp-s136: 136px;
  --sp-s140: 140px;
  --sp-s144: 144px;
  --sp-s148: 148px;
  --sp-s152: 152px;
  --sp-s156: 156px;
  --sp-s160: 160px;
  --sp-s164: 164px;
  --sp-s168: 168px;
  --sp-s172: 172px;
  --sp-s176: 176px;
  --sp-s180: 180px;
  --sp-s184: 184px;
  --sp-s188: 188px;
  --sp-s192: 192px;
  --sp-s196: 196px;
}

/* Mode: 130% (large text) */
[data-sp="130"], .sp-130 {

  --sp-s0: 0px;
  --sp-s2: 2.6px;
  --sp-s4: 5.2px;
  --sp-s6: 7.8px;
  --sp-s8: 10.4px;
  --sp-s10: 13px;
  --sp-s12: 15.6px;
  --sp-s14: 18.2px;
  --sp-s16: 20.8px;
  --sp-s20: 26px;
  --sp-s24: 31.2px;
  --sp-s28: 36.4px;
  --sp-s32: 41.6px;
  --sp-s36: 46.8px;
  --sp-s40: 52px;
  --sp-s44: 57.2px;
  --sp-s48: 62.4px;
  --sp-s52: 67.6px;
  --sp-s56: 72.8px;
  --sp-s60: 78px;
  --sp-s64: 83.2px;
  --sp-s68: 88.4px;
  --sp-s72: 93.6px;
  --sp-s76: 98.8px;
  --sp-s80: 104px;
  --sp-s84: 109.2px;
  --sp-s88: 114.4px;
  --sp-s92: 119.6px;
  --sp-s96: 124.8px;
  --sp-s100: 130px;
  --sp-s104: 135.2px;
  --sp-s108: 140.4px;
  --sp-s112: 145.6px;
  --sp-s116: 150.8px;
  --sp-s120: 156px;
  --sp-s124: 161.2px;
  --sp-s128: 166.4px;
  --sp-s132: 171.6px;
  --sp-s136: 176.8px;
  --sp-s140: 182px;
  --sp-s144: 187.2px;
  --sp-s148: 192.4px;
  --sp-s152: 197.6px;
  --sp-s156: 202.8px;
  --sp-s160: 208px;
  --sp-s164: 213.2px;
  --sp-s168: 218.4px;
  --sp-s172: 223.6px;
  --sp-s176: 228.8px;
  --sp-s180: 234px;
  --sp-s184: 239.2px;
  --sp-s188: 244.4px;
  --sp-s192: 249.6px;
  --sp-s196: 254.8px;
}

/* Mode: 150% (accessibility) */
[data-sp="150"], .sp-150 {

  --sp-s0: 0px;
  --sp-s2: 3px;
  --sp-s4: 6px;
  --sp-s6: 9px;
  --sp-s8: 12px;
  --sp-s10: 15px;
  --sp-s12: 18px;
  --sp-s14: 21px;
  --sp-s16: 24px;
  --sp-s20: 30px;
  --sp-s24: 36px;
  --sp-s28: 42px;
  --sp-s32: 48px;
  --sp-s36: 54px;
  --sp-s40: 60px;
  --sp-s44: 66px;
  --sp-s48: 72px;
  --sp-s52: 78px;
  --sp-s56: 84px;
  --sp-s60: 90px;
  --sp-s64: 96px;
  --sp-s68: 102px;
  --sp-s72: 108px;
  --sp-s76: 114px;
  --sp-s80: 120px;
  --sp-s84: 126px;
  --sp-s88: 132px;
  --sp-s92: 138px;
  --sp-s96: 144px;
  --sp-s100: 150px;
  --sp-s104: 156px;
  --sp-s108: 162px;
  --sp-s112: 168px;
  --sp-s116: 174px;
  --sp-s120: 180px;
  --sp-s124: 186px;
  --sp-s128: 192px;
  --sp-s132: 198px;
  --sp-s136: 204px;
  --sp-s140: 210px;
  --sp-s144: 216px;
  --sp-s148: 222px;
  --sp-s152: 228px;
  --sp-s156: 234px;
  --sp-s160: 240px;
  --sp-s164: 246px;
  --sp-s168: 252px;
  --sp-s172: 258px;
  --sp-s176: 264px;
  --sp-s180: 270px;
  --sp-s184: 276px;
  --sp-s188: 282px;
  --sp-s192: 288px;
  --sp-s196: 294px;
}
```