/* ─────────────────────────────────────────────
   POLZABAR — CSS Variables
   ───────────────────────────────────────────── */

:root {
  /* ── Colours ── */
  --color-cream:       #f5f0e8;
  --color-cream-dark:  #ede5d5;
  --color-bark:        #2c2416;
  --color-bark-mid:    #4a3c28;
  --color-moss:        #3a5a2e;
  --color-moss-light:  #5a8a4a;
  --color-gold:        #c8962a;
  --color-gold-light:  #e8b84a;
  --color-sand:        #d4b896;
  --color-white:       #fdfaf5;
  --color-red:         #c0392b;

  /* ── Text ── */
  --color-text:        #1e1810;
  --color-text-mid:    #5a4e3a;
  --color-text-light:  #8a7e6a;

  /* ── Gradients ── */
  --gradient-hero-right: linear-gradient(145deg, #2c2416 0%, #1a1208 60%, #0d0a04 100%);
  --gradient-process-orb: radial-gradient(circle, rgba(90,138,74,0.18) 0%, transparent 70%);

  /* ── Shadows ── */
  --shadow-card:       0 16px 40px rgba(44, 36, 22, 0.12);
  --shadow-card-hover: 0 24px 60px rgba(44, 36, 22, 0.2);
  --shadow-btn:        0 8px 24px rgba(58, 90, 46, 0.3);
  --shadow-btn-hover:  0 12px 32px rgba(58, 90, 46, 0.4);

  /* ── Typography ── */
  --font-serif:  'Cormorant Garamond', serif;
  --font-sans:   'Manrope', sans-serif;

  /* ── Spacing ── */
  --section-padding-y:  100px;
  --section-padding-x:  7vw;
  --header-height:      70px;
  --container-max:      1400px;

  /* ── Transitions ── */
  --transition-fast:   0.15s ease;
  --transition-base:   0.25s ease;
  --transition-slow:   0.35s cubic-bezier(.4, 0, .2, 1);

  /* ── Radii ── */
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-xl:   24px;
  --radius-pill: 100px;
}