/* ─── DESIGN TOKENS ─────────────────────────────────────────── */
:root {
  --cream:    #f5f0e8;
  --bark:     #6b4c2a;
  --forest:   #2d4a2d;
  --moss:     #4a6741;
  --earth:    #8b6914;
  --charcoal: #2a2520;
  --gold:     #c9a227;
  --gold-dark:#b8911e;

  /* Spacing scale */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 48px;
  --sp-2xl:80px;

  /* Type scale */
  --fs-xs:  .65rem;
  --fs-sm:  .73rem;
  --fs-base:.9rem;
  --fs-lg:  1rem;
  --fs-xl:  1.3rem;
}

/* ─── RESET ──────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { -webkit-overflow-scrolling: touch; }

body {
  font-family: 'Jost', sans-serif;
  background: var(--cream);
  color: var(--charcoal);
  overflow-x: hidden;
}

img  { display: block; max-width: 100%; }
a    { text-decoration: none; }