@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/InterVariable.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;

  --color-navy: #0a2540;
  --color-cyan: #00c2d7;
  --color-cyan-text: #006c78;
  --color-violet: #6c5ce7;
  --color-lime: #b7f34a;
  --color-ice: #eafbfd;
  --color-graphite: #1d2939;
  --color-white: #ffffff;
  --color-mist: #f5f9fa;
  --color-line: #b9d1da;
  --color-line-strong: #7897a6;
  --color-muted: #4b6074;
  --color-navy-2: #0d304e;
  --color-navy-3: #123b5d;
  --color-cyan-soft: #aeeef3;
  --color-violet-soft: #d4ceff;
  --color-error: #c4362f;

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

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(1rem, 0.97rem + 0.12vw, 1.075rem);
  --text-lg: clamp(1.125rem, 1.06rem + 0.2vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.12rem + 0.45vw, 1.5rem);
  --text-2xl: clamp(1.8rem, 1.58rem + 0.8vw, 2rem);
  --text-hero: clamp(2.75rem, 1.75rem + 4vw, 5.6rem);

  --leading-tight: 1.04;
  --leading-heading: 1.12;
  --leading-body: 1.6;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --section-y: clamp(4.5rem, 7vw, 7.5rem);

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;

  --container: 90rem;
  --reading: 45rem;
  --header-height: 4.5rem;

  --shadow-focus: 0 0 0 4px rgb(0 194 215 / 22%);
  --transition-fast: 180ms ease;
  --transition-medium: 420ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-scene: 760ms cubic-bezier(0.16, 1, 0.3, 1);

  --scene-rx: 0deg;
  --scene-ry: 0deg;
  --scene-scroll-y: 0px;
  --scene-progress: 0;
  --scene-perspective: 72rem;
  --depth-board: 0px;
  --depth-route: 18px;
  --depth-node: 34px;
  --depth-annotation: 48px;
  --motion-instant: 140ms;
  --motion-interface: 240ms;
  --motion-scene: 760ms;
  --motion-camera: 950ms;
  --motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --scene-shadow: 0 1.7rem 3.8rem rgb(2 16 28 / 22%);

  --blueprint-grid: 24px;
  --blueprint-line: rgb(124 197 214 / 12%);
  --blueprint-major-line: rgb(124 197 214 / 20%);
  --sheet-grid: rgb(10 37 64 / 6%);
  --sheet-rule: 1px solid var(--color-line);
  --technical-corner: 0.25rem;

  --flow-stroke: 2px;
  --flow-radius: 0.75rem;
  --flow-node-gap: 1.5rem;
  --flow-branch-gap: 3.5rem;
  --flow-duration: 850ms;
  --flow-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --flow-safe-area: 1.5rem;
}