:root {
  --g-color-warm-white: #FAF8F4;
  --g-color-off-white: #F1EDE6;
  --g-color-stone: #E2DACD;
  --g-color-warm-grey: #8D8375;
  --g-color-charcoal: #2B271F;
  --g-color-deep-black: #15130F;
  --g-color-white-on-dark: #FAF8F4;

  /* Gionova typography: Garet is the brand/display face; Red Hat Display carries body + UI.
     Font binaries are intentionally not distributed in this package. */
  --g-font-display: "Garet", "Red Hat Display", "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --g-font-body: "Red Hat Display", "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
  --g-font-mono: "Red Hat Display", "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;

  --g-space-1: 8px;
  --g-space-2: 16px;
  --g-space-3: 24px;
  --g-space-4: 40px;
  --g-space-5: 64px;
  --g-space-6: 96px;
  --g-space-7: 144px;
  --g-space-8: 200px;

  --g-container-max: 1440px;
  --g-container-margin: clamp(24px, 5vw, 96px);
  --g-grid-gap: 24px;
  --g-header-height: 84px;

  --g-type-hero: clamp(3.2rem, 7.5vw, 6.15rem);
  --g-type-h1: clamp(2.8rem, 6.4vw, 5.1rem);
  --g-type-h2: clamp(2.15rem, 4vw, 3.35rem);
  --g-type-h3: clamp(1.4rem, 2.4vw, 2rem);
  --g-type-body-lg: clamp(1.12rem, 1.5vw, 1.3rem);
  --g-type-body: clamp(1.025rem, 1.12vw, 1.1rem);
  --g-ease-out: cubic-bezier(.2,.7,.2,1);
  --g-transition-fast: 200ms var(--g-ease-out);
  --g-transition-slow: 650ms var(--g-ease-out);
}