@font-face {
  font-family: "Satoshi";
  src: url("/assets/fonts/Satoshi-Variable.woff2") format("woff2-variations"), url("/assets/fonts/Satoshi-Variable.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --gm-bg: #ffffff;
  --gm-alt: #fafafa;
  --gm-text: #262825;
  --gm-muted: #686262;
  --gm-border: #e5e6e5;
  --gm-lime: #78ef4f;
  --gm-lime-tint: #eef7e9;
  --gm-green-text: #427a24;
  --gm-black: #0f100e;
  --gm-black-soft: #262825;
  --gm-on-dark: #ffffff;
  --gm-on-dark-muted: rgba(255, 255, 255, 0.6);
  --gm-on-dark-border: rgba(255, 255, 255, 0.16);
  --gm-error: #af1d38;
  --gm-error-bg: #fdedf0;
  --gm-warn: #c2540a;
  --gm-warn-bg: #fef3ec;
  --gm-info-bg: #e1e7fe;

  --gm-font: "Satoshi", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --gm-radius-btn: 10px;
  --gm-radius-input: 8px;
  --gm-radius-card: 16px;
  --gm-radius-media: 12px;
  --gm-shadow-card: 0 1px 2px rgba(15, 16, 14, 0.04);
  --gm-shadow-btn: 0 1px 2px rgba(82, 88, 102, 0.06);
  --gm-shadow-pop: 0 12px 32px rgba(15, 16, 14, 0.08);
  --gm-container: 1160px;
}