:root {
  --color-bg: #fafafa;
  --color-surface: #ffffff;
  --color-fg: #0b0b0e;
  --color-muted: #5b5b66;
  --color-subtle: #8a8a96;
  --color-border: #e6e6ea;
  --color-border-strong: #d4d4dc;
  --color-accent: #1f8f5c;
  --color-accent-hover: #176b46;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "JetBrains Mono", Menlo, monospace;

  --size-step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --size-step-0:  clamp(0.95rem, 0.92rem + 0.15vw, 1.05rem);
  --size-step-1:  clamp(1.1rem, 1.05rem + 0.25vw, 1.25rem);
  --size-step-2:  clamp(1.35rem, 1.25rem + 0.5vw, 1.6rem);
  --size-step-3:  clamp(1.75rem, 1.5rem + 1.25vw, 2.4rem);
  --size-step-4:  clamp(2.4rem, 1.9rem + 2.5vw, 4rem);
  --size-step-5:  clamp(3rem, 2rem + 5vw, 6rem);
  --size-display: clamp(3rem, 1.5rem + 7.5vw, 7.5rem);

  --leading-tight: 1.08;
  --leading-snug: 1.25;
  --leading-body: 1.55;

  --tracking-tight: -0.025em;
  --tracking-display: -0.035em;
  --tracking-mono: 0.02em;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;
  --space-8: 9rem;

  --radius-1: 4px;
  --radius-2: 8px;

  --hairline: 1px solid var(--color-border);
  --hairline-strong: 1px solid var(--color-border-strong);

  --measure-narrow: 32ch;
  --measure: 56ch;
  --measure-wide: 72ch;

  --container-max: 1280px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  --motion-fast: 180ms;
  --motion-base: 280ms;
  --motion-slow: 520ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}