:root {
  --white:    #FFFFFF;
  --milk:     #F5F3EF;
  --cream:    #ECEAE4;
  --silver:   #C8C6C0;
  --stone:    #8A8880;
  --graphite: #3D3C3A;
  --ink:      #141412;
  --black:    #0A0908;

  --font-display: 'Cormorant Garamond', serif;
  --font-ui:      'Unbounded', sans-serif;
  --font-body:    'Manrope', sans-serif;

  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-io:     cubic-bezier(0.65, 0, 0.35, 1);

  --header-h: 64px;
  --section-pad: clamp(80px, 10vw, 140px);
  --gutter: clamp(20px, 5vw, 60px);
}