:root {
    --bg: #0a0b0d;
  --bg2: #101318;
  --panel: #12151b;
  --panel2: #171b22;
    --line: #252b35;
  --line2: #31394a;
    --fg: #e8eaee;
  --steel: #8b93a1;
  --steel-dim: #79828f;
    --orange: #ff5a1f;
  --orange-dim: #c2410c;
  --green: #3ddc84;
  --green-line: #1d5c3c;

    --grot: "Space Grotesk", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;

    --fs-label: 0.6875rem;                           --fs-small: 0.8125rem;                           --fs-body: clamp(0.9375rem, 0.9rem + 0.15vw, 1.0625rem);
  --fs-lead: clamp(1.0625rem, 0.98rem + 0.4vw, 1.375rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.75rem);
  --fs-h2: clamp(2rem, 1.5rem + 2.2vw, 3.75rem);
  --fs-h1: clamp(2.75rem, 1.6rem + 5vw, 7.5rem);

    --maxw: 95rem;
  --gutter: clamp(20px, 4vw, 4rem);
  --header-h: 4.5rem;

    --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 180ms;
  --t-med: 280ms;
}