:root {
  /* Color */
  --cream:       #eceae2;
  --cream-mid:   #dedad1;
  --cream-dark:  #cec9be;
  --brown:       #4c3826;
  --brown-light: #8a6a4c;
  --brown-pale:  #e4d4bf;
  --fg:          #1e150e;
  --fg-muted:    #6f5f51;
  --fg-faint:    #a5978a;
  --rule:        rgba(30, 21, 14, 0.13);
  --white:       #ffffff;

  /* Typography */
  --font-display: 'Druk Wide', 'Druk Wide Bold', 'Arial Black', Impact, sans-serif;
  --font-body:    'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Layout */
  --content-max:  1360px;
  --gutter:       clamp(24px, 5vw, 80px);
  --section-v:    clamp(48px, 6vw, 76px);
  --nav-h:        72px;
}