/* ==========================================================
   Design tokens — Wana
   ========================================================== */
   :root {
    /* Colors */
    --color-black: #0c0c0c;
    --color-olive: #1d3001;
    --color-white: #f8f0e3;
    --color-cream: #f2f0ef;
    --color-text: #000000;
    --color-text-muted: #272727;
    --color-text-on-dark-muted: #d7d7d7;
    --color-text-on-dark-faint: #bababa;
  
    /* Fonts */
    --font-display: "Cardo", serif;
    --font-body: "Space Grotesk", sans-serif;
    --font-label: "Poppins", sans-serif;
  
    /* Fluid type scale (clamp: min, preferred, max) */
    --fs-hero: clamp(2rem, 3vw + 1.25rem, 4rem);
    --fs-h2: clamp(2rem, 3vw + 1.2rem, 5rem);
    --fs-cta: clamp(1.75rem, 3.5vw + 1rem, 5rem);
    --fs-label: clamp(1.25rem, 1vw + 1rem, 1.875rem);
    --fs-body: 16px;
    --fs-small: 0.875rem;
  
    /* Layout */
    --container-max: 1440px;
    --container-pad: clamp(1.25rem, 4vw, 5rem);
    --radius-pill: 999px;
  
    /* Nav — vertical rail on desktop, horizontal bar below 1024px */
    --sidebar-width: 96px;
    --navbar-height: 64px;
  
    /* Vertical rhythm between major sections */
    --section-space: clamp(4.5rem, 9vw, 8rem);
    --section-space-lg: clamp(6rem, 11vw, 10rem);
  
    /* Extra-large rhythm used only inside the dark process/CTA/footer block */
    --dark-section-space: clamp(11rem, 20vw, 18rem);
  }
  
  @media (max-width: 1023px) {
    :root {
      --sidebar-width: 0px; /* rail is gone; top bar takes over */
    }
  }