@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&family=Source+Sans+3:wght@400;600&display=swap');

:root{
  --bg:#FAF9F6;
  --ink:#1C1C1C;
  --muted:#7A756A;
  --line:#D9D6CF;
  --surface:#F4F2EC;
  --accent-1:#C9A227;

  --font-display:'Cinzel',serif;
  --font-body:'Source Sans 3',sans-serif;

  --type-h1-size:clamp(2.1rem,5.2vw,3.4rem);
  --type-h1-line:1.12;
  --type-h1-tracking:.04em;
  --type-h1-weight:600;
  --type-h2-size:clamp(1.5rem,3.4vw,2.1rem);
  --type-h2-line:1.15;
  --type-h2-tracking:.05em;
  --type-h2-weight:600;
  --type-h3-size:1.05rem;
  --type-h3-line:1.3;
  --type-h3-tracking:.02em;
  --type-h3-weight:600;
  --type-body-size:1.02rem;
  --type-body-line:1.7;
  --type-small-size:.88rem;
  --type-small-line:1.55;
  --type-eyebrow-size:.72rem;
  --type-eyebrow-tracking:.34em;
  --type-nav-size:.72rem;
  --type-nav-tracking:.22em;
  --type-button-size:.72rem;
  --type-button-tracking:.18em;

  --s1:4px; --s2:8px; --s3:16px; --s4:24px; --s5:40px; --s6:64px; --s7:96px;

  --ease:cubic-bezier(0.2, 0.8, 0.2, 1);

  --green:#3D7A52;
  --red:#B94444;
}