@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap');

:root{
  --pgk-bg:#f4f1ec;
  --pgk-ink:#121212;
  --pgk-muted:#6f6a63;
  --pgk-border:rgba(0,0,0,.12);

  --pgk-max:1200px;

  --pgk-s1:16px;
  --pgk-s2:24px;
  --pgk-s3:32px;
  --pgk-s4:48px;
  --pgk-s5:72px;

  --pgk-z-base:1;
  --pgk-z-panel:10;
  --pgk-z-nav:1000;

  /* fonts */
  --pgk-font-serif: "Cormorant Garamond", Garamond, Baskerville, "Hoefler Text", "Times New Roman", serif;
  --pgk-font-sans: "Cormorant Garamond", Garamond, Baskerville, "Hoefler Text", "Times New Roman", serif;

  /* sizes */
  --pgk-header-h: 92px;
  --pgk-header-h-m: 80px;

  /* radius */
  --pgk-radius-1: 8px;

  /* z */
  --pgk-z-overlay: 9000;
  --pgk-z-header: 10000;
}