@layer gf.theme {
  :root {
    --gf-color-primary: #17191f;
    --gf-color-secondary: #ffe9de;
    --gf-color-accent: #ff4900;
    --gf-color-dark: #15181e;
    --gf-color-light: #ffffff;
    --gf-color-text: #17191f;
    --gf-color-on-light: #17191f;
    --gf-color-bg: #f6f3ec;
    --gf-color-on-dark: #f6f3ec;
    --gf-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --gf-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --gf-font-weight-heading: 800;
    --gf-root-font-size: 100%;
    --gf-text-size: clamp(1rem, 0.9755rem + 0.1087vw, 1.0625rem);
    --gf-h1-size: clamp(2.25rem, 1.3696rem + 3.913vw, 4.5rem);
    --gf-h2-size: clamp(1.75rem, 1.2609rem + 2.1739vw, 3rem);
    --gf-h3-size: clamp(1.125rem, 1.0516rem + 0.3261vw, 1.3125rem);
    --gf-h4-size: clamp(1.0625rem, 1.0136rem + 0.2174vw, 1.1875rem);
    --gf-header-min-height: 4rem;
    --gf-nav-color: var(--gf-color-text);
    --gf-nav-color-active: var(--gf-color-accent);
    --gf-bottom-bg: var(--gf-color-dark);
    --gf-bottom-color: var(--gf-color-on-dark);
    --gf-container: 90rem;
    --gf-container-narrow: 48rem;
    --gf-radius: 1rem;
    --gf-nav-font-size: 0.9375rem;
    --gf-nav-font-size-mobile: 0.9375rem;
  }
}