/* ==========================================================
   The Paps: design tokens
   ========================================================== */
:root {
  /* Brand colours */
  --stout:        #16110d;
  --stout-2:      #241b14;
  --bottle:       #0f3b2c;
  --bottle-2:     #175642;
  --foam:         #efeee6;
  --foam-2:       #dfddd0;
  --amber:        #f0a030;
  --amber-deep:   #c97a12;
  --irish-green:  #169b62;

  /* Text on dark */
  --on-dark:      #efeee6;
  --on-dark-soft: rgba(239, 238, 230, 0.74);
  --on-light-soft: rgba(22, 17, 13, 0.78);

  /* Typography */
  --font-display: 'Alfa Slab One', 'Rockwell', Georgia, serif;
  --font-body:    'Barlow', 'Helvetica Neue', Arial, sans-serif;
  --font-cond:    'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --font-marker:  'Permanent Marker', 'Comic Sans MS', cursive;

  /* Layout */
  --container:    1120px;
  --gutter:       clamp(16px, 4vw, 40px);
  --section:      clamp(4.5rem, 10vw, 8rem);

  /* Navigation */
  --nav-h:        72px;

  /* Motion */
  --ease:         0.3s cubic-bezier(0.4, 0, 0.2, 1);
}