/* STOLCE global design tokens */
:root {
  --background: #f6f5f4;
  --surface: #eeeeee;
  --muted: #cdcccc;
  --text: #181913;
  --text-secondary: #6f6d68;
  --white: #ffffff;
  --border: rgba(24, 25, 19, 0.16);
  --font: "Jost", Arial, sans-serif;
  --h1: 64px; --h2: 42px; --h3: 30px; --h4: 24px; --h5: 18px; --h6: 15px;
  --body: 17px; --nav: 14px; --small: 12px;
  --container: 1720px; --gutter: 56px;
  --hero-copy-gutter: 90px;
  --section-large: 140px; --section-medium: 100px; --section-small: 64px;
  --widget-large: 40px; --widget-medium: 28px; --widget-small: 20px;
  --transition: 300ms ease;
}