/* SkinShine spacing, radii, borders */

:root {
  /* ---- Spacing (4px base) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px; /* section rhythm */

  /* ---- Radii — restrained, elegant ---- */
  --radius-none: 0;
  --radius-xs:   2px;   /* inputs, tags */
  --radius-sm:   4px;   /* buttons, cards */
  --radius-pill: 999px; /* badges only */

  /* ---- Borders ---- */
  --border-hairline: 1px solid var(--line-hairline);
  --border-soft:     1px solid var(--line-soft);
  --border-accent:   1px solid var(--accent);

  /* ---- Layout ---- */
  --content-max:   1140px;
  --content-narrow: 720px;
}