:root {
  --color-primary: #203878;
  --color-primary-active: #16264f;
  --color-ink: #181d26;
  --color-body: #333840;
  --color-muted: #41454d;
  --color-hairline: #dddddd;
  --color-border-strong: #9297a0;
  --color-canvas: #ffffff;
  --color-surface-soft: #f8fafc;
  --color-surface-strong: #e0e2e6;
  --color-surface-navy: #203878;
  --color-serum: #e4bc0c;
  --color-blush: #d4a898;
  --color-focus: #458fff;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-56: 56px;
  --space-96: 96px;

  --container-max: 1280px;
}

@font-face {
  font-family: "Inter Display";
  src: url("/assets/fonts/InterDisplay-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0020-017F, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+20AC;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/InterVariable-latin-ext.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0020-017F, U+2013-2014, U+2018-2019, U+201C-201D, U+2026, U+20AC;
}