/* Com-Pass Consultant — Spacing, radii, sizing
   Sober, structured brand → 8px base grid, restrained radii. */

:root {
  /* ── Spacing scale (8px base) ────────────────── */
  --sp-0:  0; /* @kind spacing */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* ── Radii — restrained, never "startup bubbly" (guide §5) ── */
  --radius-none: 0;
  --radius-sm:   3px;
  --radius-md:   6px;   /* default cards, buttons */
  --radius-lg:   10px;  /* large panels */
  --radius-pill: 999px; /* tags / badges only */

  /* ── Signature elements ──────────────────────── */
  --bar-thickness: 4px;  /* orange separator bar under H1 */
  --bar-width:     56px; /* default length of accent bar */

  /* ── Layout ──────────────────────────────────── */
  --container:      1200px;
  --container-text: 760px;
  --gutter:         var(--sp-5);
}