@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-latin-standard-normal.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("/fonts/newsreader-latin-standard-italic.woff2") format("woff2");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/source-sans-3-latin-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/source-sans-3-latin-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("/fonts/source-sans-3-latin-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --prima-navy: #133f6d;
  --kasih-teal: #00b7ce;
  --deep-ink: #1b2232;
  --cloud-mist: #eceff0;
  --paper: #f5f6f7;
  --ink: #1b2232;
  --text-body: #494f5c;
  --text-muted: #5e646f;
  --line: #d7dadd;
  --white: #ffffff;

  --font-serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;

  --fs-label: 0.75rem;
  --fs-small: 0.95rem;
  --fs-body: 1.125rem;
  --fs-title: clamp(2rem, 3.2vw, 2.5rem);
  --fs-display: clamp(3.4rem, 8.2vw, 6.15rem);
  --lh-body: 1.55;
  --lh-title: 1.15;
  --lh-display: 0.96;
  --measure: 64ch;

  --max: 1120px;
  --gutter: clamp(1.15rem, 3.2vw, 2.25rem);
  --radius: 2px;
  --shadow-offset: 22px 22px 0 var(--prima-navy);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}