/* JD designs — Spacing, radii, shadows, layout (CI-Richtlinie §7.2)
   8px base grid: 8 / 16 / 24 / 32 / 48 / 64. Soft rounded corners (12–16px).
   Generous whitespace — value comes from air, not density. */

:root {
  /* ---- Spacing scale (8px base) ---- */
  --space-1: 0.5rem;   /*  8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-6: 3rem;     /* 48px */
  --space-8: 4rem;     /* 64px */
  --space-12: 6rem;    /* 96px — section rhythm */

  /* ---- Corner radii — soft, organic (CI §7.2) ---- */
  --radius-sm:   8px;   /* small controls, tags */
  --radius:      14px;  /* default — cards, buttons (12–16px range) */
  --radius-lg:   20px;  /* large panels, plaques */
  --radius-pill: 999px; /* pills */

  /* ---- Borders / lines — thin & precise like the tree rings ---- */
  --line: 1px;
  --line-2: 2px;

  /* ---- Shadows — soft and warm, never harsh ---- */
  --shadow-sm: 0 1px 2px rgba(30, 30, 26, 0.06),
               0 2px 6px rgba(30, 30, 26, 0.05);
  --shadow:    0 4px 14px rgba(30, 30, 26, 0.08),
               0 2px 6px rgba(30, 30, 26, 0.06);
  --shadow-lg: 0 10px 34px rgba(30, 30, 26, 0.12),
               0 4px 12px rgba(30, 30, 26, 0.07);
  /* On the green stage, lift comes from a darker, warmer well */
  --shadow-on-green: 0 8px 28px rgba(20, 32, 18, 0.34);

  /* ---- Layout ---- */
  --container: 1200px;     /* max content width */
  --container-narrow: 760px; /* long-form reading measure */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --duration: 220ms; /* @kind other */
}