/* Flow Inside — Soft Grove
   Licht · groen · organisch · menselijk · speels · modern
*/

:root {
  /* Surfaces */
  --paper: #f7f5ef;
  --paper-2: #f0ede5;
  --mist: #e8f0df;
  --mist-2: #dce8d0;
  --sand: #ebe4d8;

  /* Brand green from logo #5c813c */
  --leaf: #5c813c;
  --leaf-deep: #45622d;
  --leaf-soft: #7fa35f;
  --leaf-wash: #f0f5ea;

  /* Ink */
  --ink: #2a3224;
  --ink-soft: #4f5848;
  --mute: #7a8472;

  /* Lines */
  --line: rgba(42, 50, 36, 0.1);
  --line-strong: rgba(42, 50, 36, 0.18);

  /* Type — warm serif + friendly modern sans */
  --font-display: "Lora", "Iowan Old Style", Georgia, serif;
  --font-body: "Sora", "Segoe UI", system-ui, sans-serif;

  --text-xs: 0.72rem;
  --text-sm: 0.875rem;
  --text-base: 1.02rem;
  --text-md: clamp(1.05rem, 0.98rem + 0.35vw, 1.2rem);
  --text-lg: clamp(1.45rem, 1.1rem + 1.2vw, 2rem);
  --text-xl: clamp(1.95rem, 1.3rem + 2.4vw, 3.1rem);
  --text-2xl: clamp(2.4rem, 1.45rem + 3.4vw, 4rem);

  /* Layout */
  --gutter: clamp(1.15rem, 4vw, 2.5rem);
  --max: 1160px;
  --header-h: 4.25rem;

  /* Organic radii — varied on purpose */
  --r-sm: 0.85rem;
  --r: 1.5rem;
  --r-lg: 2.25rem;
  --r-xl: 3rem;
  --r-band: clamp(1.75rem, 4vw, 3.25rem);
  --r-full: 999px;

  /* Space — clear vertical rhythm */
  --s-2: 0.5rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2.25rem;
  --s-6: 3.5rem;
  --s-7: clamp(4rem, 8vw, 6.75rem);

  /* Elevation */
  --shadow-soft: 0 14px 40px rgba(92, 129, 60, 0.1);
  --shadow-float: 0 10px 28px rgba(42, 50, 36, 0.11);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 240ms;
  --dur-long: 700ms;
}