@font-face {
  font-family: "Inter";
  src: url("/experience/assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("/experience/assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Michroma";
  src: url("/experience/assets/fonts/michroma-latin-400-normal.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --ink: #040506;
  --ink-soft: #07090a;
  --graphite: #0b0d0f;
  --panel: #101316;
  --bone: #f4f5f6;
  --silver: #d4d8db;
  --steel: #9da4aa;
  --muted: rgba(244, 245, 246, 0.68);
  --faint: rgba(244, 245, 246, 0.52);
  --hairline: rgba(244, 245, 246, 0.12);
  --hairline-soft: rgba(244, 245, 246, 0.07);
  --hairline-strong: rgba(244, 245, 246, 0.34);
  --signal: #dce4e8;
  --signal-dim: rgba(190, 210, 219, 0.22);
  --danger: #b8a28e;

  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-tech: "Michroma", "Inter", ui-sans-serif, system-ui, sans-serif;

  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --shell: min(100% - 3rem, 94rem);
  --header-h: 5.5rem;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}