:root{
  /* Brand colors */
  --forest-900:#123326;
  --forest-800:#1a4a34;
  --forest-700:#1F5E3B;
  --forest-600:#276e47;
  --forest-100:#e3ede6;

  --brown-700:#6D4C41;
  --brown-500:#8a6656;
  --brown-100:#f1e7e2;

  --gold-600:#c19b2c;
  --gold-500:#D4AF37;
  --gold-300:#e8cf7f;

  --cream:#FBF8F2;
  --paper:#FFFFFF;
  --mist:#F4F6F4;
  --ink-900:#16211b;
  --ink-700:#3c4a42;
  --ink-500:#68766e;
  --line:#e3e1d8;

  /* Type */
  --font-head:'Poppins', sans-serif;
  --font-body:'Inter', sans-serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.95rem);
  --step-0:  clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.15rem + 0.45vw, 1.5rem);
  --step-2:  clamp(1.6rem, 1.4rem + 0.9vw, 2.1rem);
  --step-3:  clamp(2.1rem, 1.7rem + 1.8vw, 3rem);
  --step-4:  clamp(2.7rem, 2rem + 3.2vw, 4.2rem);
  --step-5:  clamp(3.4rem, 2.4rem + 4.8vw, 5.6rem);

  /* Spacing */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem; --sp-8:4.5rem; --sp-9:7rem;

  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:32px;
  --radius-loop: 999px;

  --shadow-sm: 0 2px 10px rgba(18,51,38,0.06);
  --shadow-md: 0 10px 30px rgba(18,51,38,0.10);
  --shadow-lg: 0 24px 60px rgba(18,51,38,0.14);

  --ease-loop: cubic-bezier(.65,0,.35,1);
  --container: 1200px;
}