@font-face {
  font-family: "Space Grotesk";
  src: url("./fonts/SpaceGrotesk-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("./fonts/Manrope-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
:root {
  --gdo-blue: #2855E8;
  --gdo-blue-hover: #1D43C2;
  --gdo-blue-pressed: #17369F;
  --gdo-coral: #FA7154;
  --gdo-green: #27A881;
  --gdo-yellow: #F5C548;
  --gdo-ink: #14213D;
  --gdo-paper: #F5F7FC;
  --gdo-white: #FFFFFF;
  --gdo-muted: #505E76;
  --gdo-border: #7D899E;
  --gdo-success: #146C55;
  --gdo-error: #AF2C24;
  --gdo-font-display: "Space Grotesk", Arial, sans-serif;
  --gdo-font-body: "Manrope", Arial, sans-serif;
  --gdo-space-1: 4px;
  --gdo-space-2: 8px;
  --gdo-space-3: 12px;
  --gdo-space-4: 16px;
  --gdo-space-6: 24px;
  --gdo-space-8: 32px;
  --gdo-space-12: 48px;
  --gdo-space-16: 64px;
  --gdo-space-24: 96px;
  --gdo-radius-control: 6px;
  --gdo-radius-card: 12px;
  --gdo-radius-feature: 20px;
  --gdo-max-width: 1200px;
  --gdo-gutter: clamp(20px, 4vw, 32px);
  --gdo-duration-fast: 120ms;
  --gdo-duration-normal: 180ms;
}