/* Julian.Troll.PT — Spacing, radius, layout tokens
   Generous margins, clear hierarchy. */

:root {
  /* Spacing scale (4px base) */
  --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;

  /* Page margins (generous) */
  --margin-graphic: 80px;  /* IG / story safe margin */
  --margin-doc:     64px;  /* PDF / doc margin */

  /* Radius — slightly rounded, never pill-soft on containers */
  --radius-sm:   6px;
  --radius-md:   10px;   /* buttons */
  --radius-lg:   16px;   /* cards / media */
  --radius-pill: 999px;  /* tags / progress dots */

  /* Brand accent stroke (recurring motif: neon bar top-left) */
  --accent-bar-w:  56px;
  --accent-bar-h:  6px;

  /* Content max width for landing/docs */
  --maxw-content: 720px;
}