/*
 * JDS spacing primitives, verified against the JDS Design System Figma
 * primitives export on 2026-09-14.
 *
 * Note on naming: paths map from Figma's "/" to CSS's "-" (jds/spacer/4 -->
 * --jds-spacer-4), and Figma's "2-xl" collapses to "2xl".
 *
 * Figma stores these as UNITLESS NUMBERS — the "px" lives in each variable's
 * $description ("Values are defined in px"), so every value here appends the
 * unit. A unitless copy would be a length only where the property happens to
 * accept a number, and silently invalid everywhere else.
 *
 * `spacer` and `paragraph-spacing` moved here from docs/design-tokens/
 * (jds-root.css and jds-typography.css respectively); every value was already
 * byte-identical to Figma, so this relocates the declarations without changing
 * one of them. `list-spacing` is new — it exists in Figma and had no home in
 * the repo. Nothing consumes it yet.
 */

:root {
  /* ---- Spacer (8pt grid, 4pt half-step) ---- */
  --jds-spacer-0: 0px;
  --jds-spacer-1: 2px;
  --jds-spacer-2: 4px;
  --jds-spacer-3: 8px;
  --jds-spacer-4: 12px;
  --jds-spacer-5: 16px;
  --jds-spacer-6: 20px;
  --jds-spacer-7: 24px;
  --jds-spacer-8: 32px;
  --jds-spacer-9: 48px;
  --jds-spacer-10: 64px;
  --jds-spacer-11: 96px;
  --jds-spacer-12: 128px;

  /* ---- Paragraph spacing ----
     Not a CSS property: this is the space BETWEEN paragraphs, implemented as
     margin on adjacent paragraphs. The composed .jds-* text classes in
     docs/design-tokens/jds-typography.css each note which value they expect. */
  --jds-paragraph-spacing-none: 0;
  --jds-paragraph-spacing-sm: 8px;
  --jds-paragraph-spacing-md: 16px;
  --jds-paragraph-spacing-lg: 24px;
  --jds-paragraph-spacing-xl: 32px;

  /* ---- List spacing ----
     The space between items of a list. Same situation as paragraph-spacing —
     no single CSS property owns it. */
  --jds-list-spacing-none: 0;
  --jds-list-spacing-sm: 8px;
  --jds-list-spacing-md: 12px;
  --jds-list-spacing-lg: 16px;
}