/* ══════════════════════════════════════════════════════════════
   ATAVUS — Design Tokens
   All CSS custom properties. Load FIRST before every other sheet.
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Palette ─────────────────────────────────────────────── */
  --forest:     #1F3A2F;
  --deepforest: #122620;
  --cream:      #F0E8D5;
  --cream2:     #E2D7BD;
  --brass:      #A78237;
  --stone:      #9E978E;
  --leather:    #7E4A2C;

  /* ── Typography families ─────────────────────────────────── */
  --font-cormorant: 'Cormorant Garamond', 'Garamond', Georgia, serif;
  --font-inter:     'Inter', Helvetica, Arial, sans-serif;
  --font-mono:      'JetBrains Mono', 'Courier New', monospace;

  /* ── Type scale ──────────────────────────────────────────── */
  /* --fs-display  : clamp(48px, 6vw, 86px)  — hero h1            */
  /* --fs-h2       : clamp(36px, 4.5vw, 58px) — pull-quote / sect */
  /* --fs-h3       : clamp(30px, 3.5vw, 44px) — trh heading       */
  /* --fs-body     : 15px / 15.5px Inter 300                      */
  /* --fs-small    : 13.5px Inter 300                              */
  /* --fs-mono     : 8px–12px JetBrains Mono                      */

  /* ── Spacing ─────────────────────────────────────────────── */
  --section-py:    130px;
  --section-pb:    140px;
  --container-px:  clamp(1.5rem, 7vw, 7rem);

  /* ── Motion easing ───────────────────────────────────────── */
  --ease-expo:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-power2: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-std:    0.22s ease;
}