/*
 * JDS border 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 "-", Figma's "2-xl"
 * collapses to "2xl", and Figma's `border-radius` family shortens to
 * `--jds-radius-*` (jds/border-radius/lg --> --jds-radius-lg) — the name the
 * repo has always used.
 *
 * 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.
 *
 * Both moved here from docs/design-tokens/jds-root.css; every value was
 * already byte-identical to Figma, so this relocates the declarations without
 * changing one of them.
 */

:root {
  /* ---- Radius ---- */
  --jds-radius-none: 0px;
  --jds-radius-xs: 2px;
  --jds-radius-sm: 4px;
  --jds-radius-md: 8px;
  --jds-radius-lg: 12px;
  --jds-radius-xl: 16px;
  --jds-radius-2xl: 24px;
  --jds-radius-3xl: 32px;
  --jds-radius-full: 999px; /* Figma value confirmed 999, not the conventional 9999 — corrected 2026-07-24, re-confirmed 2026-09-14 */

  /* ---- Border width ---- */
  --jds-border-width-0: 0px;
  --jds-border-width-1: 1px;
  --jds-border-width-2: 2px;
  --jds-border-width-3: 3px;
  --jds-border-width-4: 4px;
}
