/* spacing.css — DSC spacing, radius and elevation tokens. */
:root{
  /* ---- spacing scale ----
     an 8-step scale with a 4px half-step; use for padding, gaps, margins */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;

  /* ---- radius ---- */
  --r-sm:6px;
  --r-md:10px;
  --r-lg:14px;
  --r-xl:18px;
  --r-pill:999px;

  /* ---- elevation ----
     three soft, ink-tinted shadows; most surfaces sit flat with a 1px line */
  --sh-sm:0 1px 2px rgba(16,17,19,.06);
  --sh-md:0 6px 18px rgba(16,17,19,.08);
  --sh-lg:0 18px 50px rgba(16,17,19,.14);

  /* ---- layout ---- */
  --content-max:980px;
  --nav-w:248px;
}