/* Freda radii + spacing.
   Radii transcribed from the toolkit: brand-graphic tiles 27px, label chips ~12px,
   swatches ~10px, icon glyph boxes 4.5px, sections 2px. */

:root {
  --radius-xs:   2px;    /* section frames */
  --radius-sm:   4.5px;  /* icon glyph corners */
  --radius-md:   10px;   /* swatch / panel */
  --radius-lg:   12px;   /* frosted label chip */
  --radius-xl:   27px;   /* brand-graphic tile */
  --radius-pill: 999px;

  /* Brand-graphic line weight (white line-work) */
  --stroke-graphic: 5px;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 36px;
  --space-7: 48px;
  --space-8: 72px;
}