/* Industrious CRM — Spacing, radius, shadow, layout tokens */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ---- Radius (restrained, editorial) ---- */
  --radius-xs:  3px;
  --radius-sm:  5px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-pill: 999px;

  /* ---- Borders ---- */
  --border-width: 1px;
  --rule-thin:    2px;   /* thin gold section rule */

  /* ---- Shadow (soft two-part; hue shared with the official grey family) ---- */
  --shadow-card: 0 1px 2px rgba(61,60,70,.05), 0 6px 16px rgba(61,60,70,.08);
  --shadow-sm:   0 1px 2px rgba(61,60,70,.06);
  --shadow-lg:   0 2px 6px rgba(61,60,70,.06), 0 16px 40px rgba(61,60,70,.12);

  /* ---- Layout ---- */
  --measure:        68ch;   /* editorial single-column measure */
  --page-margin:    96px;   /* wide document margins */
  --page-width:     820px;  /* letter-ish content width */
}