@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700&display=swap');

:root{
  --font-display: 'Bebas Neue', 'Oswald', 'Arial Narrow', sans-serif;
  --font-body: 'Archivo', 'Helvetica Neue', Arial, sans-serif;

  --display-hero: clamp(40px, 9vw, 96px); /* @kind font */
  --display-section: clamp(32px, 7vw, 64px); /* @kind font */
  --display-card: clamp(26px, 5vw, 40px); /* @kind font */
  --display-small: clamp(20px, 4vw, 28px); /* @kind font */

  --body-lg: 16px;
  --body-md: 15px;
  --body-sm: 13.5px;
  --body-xs: 12px;

  --tracking-eyebrow: 0.16em;
  --tracking-label: 0.08em;
  --leading-display: 0.88;
  --leading-body: 1.55;
}