:root {
  --g-color-neutral-950: #171614;
  --g-color-neutral-900: #24211e;
  --g-color-neutral-700: #5a554e;
  --g-color-neutral-500: #8a8379;
  --g-color-neutral-300: #d8d2c8;
  --g-color-neutral-200: #e8e2d8;
  --g-color-neutral-100: #f4efe7;
  --g-color-neutral-050: #fbfbf7;

  --g-color-brand-signal-blue: #3847ff;
  --g-color-brand-signal-lime: #c9ff35;
  --g-color-brand-900: #28352a;

  --g-surface-canvas: #fbfbf7;
  --g-surface-subtle: var(--g-color-neutral-100);
  --g-surface-inverse: var(--g-color-brand-900);
  --g-text-primary: var(--g-color-neutral-950);
  --g-text-secondary: var(--g-color-neutral-950);
  --g-text-muted: var(--g-color-neutral-950);
  --g-text-inverse: var(--g-color-neutral-050);
  --g-border-default: var(--g-color-neutral-300);
  --g-border-subtle: var(--g-color-neutral-200);

  --g-font-display: Sora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --g-font-body: Sora, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --g-type-display-xl: 4.5rem;
  --g-type-display-lg: 3.5rem;
  --g-type-h1: 3rem;
  --g-type-h2: 2.5rem;
  --g-type-h3: 2rem;
  --g-type-h4: 1.5rem;
  --g-type-h5: 1.25rem;
  --g-type-body-lg: 1.25rem;
  --g-type-body-md: 1rem;
  --g-type-body-sm: .875rem;
  --g-type-caption: .75rem;
  --g-type-label: .875rem;

  --g-line-display-xl: 1.08;
  --g-line-display-lg: 1.1;
  --g-line-heading: 1.2;
  --g-line-body: 1.62;
  --g-line-compact: 1.35;

  --g-space-0: 0;
  --g-space-1: .25rem;
  --g-space-2: .5rem;
  --g-space-3: .75rem;
  --g-space-4: 1rem;
  --g-space-5: 1.25rem;
  --g-space-6: 1.5rem;
  --g-space-8: 2rem;
  --g-space-10: 2.5rem;
  --g-space-12: 3rem;
  --g-space-16: 4rem;
  --g-space-20: 5rem;
  --g-space-24: 6rem;
  --g-space-32: 8rem;

  --g-radius-none: 0;
  --g-radius-xs: .25rem;
  --g-radius-sm: .375rem;
  --g-radius-md: .5rem;
  --g-radius-lg: .75rem;
  --g-radius-full: 999px;

  --g-shadow-none: none;
  --g-shadow-xs: 0 1px 2px rgba(23, 22, 20, .06);
  --g-shadow-sm: 0 4px 12px rgba(23, 22, 20, .07);
  --g-shadow-md: 0 12px 32px rgba(23, 22, 20, .10);
  --g-shadow-focus: 0 0 0 3px rgba(56, 71, 255, .18);

  --g-container: 1200px;
  --g-container-wide: 1440px;
  --g-container-narrow: 760px;
  --g-container-editorial: 860px;
  --g-grid-gap: var(--g-space-6);
  --g-section-y: var(--g-space-24);
  --g-transition: 180ms ease;
}

@media (max-width: 1023px) {
  :root {
    --g-section-y: var(--g-space-16);
  }
}

@media (max-width: 767px) {
  :root {
    --g-type-display-xl: 3rem;
    --g-type-display-lg: 2.625rem;
    --g-type-h1: 2.25rem;
    --g-type-h2: 2rem;
    --g-type-h3: 1.625rem;
    --g-section-y: var(--g-space-12);
    --g-grid-gap: var(--g-space-4);
  }
}