/* variables.css: design tokens and spacing rhythm */
:root {
  --bg: #f6f6f3;
  --surface: #efefeb;
  --ink: #141414;
  --ink-soft: #4d4d4d;
  --line: rgba(20, 20, 20, 0.15);
  --overlay: rgba(14, 14, 14, 0.82);
  --focus: #2f5bff;

  --ff-primary: "Inter", "Helvetica Neue", Arial, sans-serif;
  --ff-secondary: "Manrope", "Avenir Next", Arial, sans-serif;

  --fs-xs: 0.72rem;
  --fs-sm: 0.84rem;
  --fs-md: 0.98rem;
  --fs-lg: 1.3rem;
  --fs-xl: clamp(2rem, 5vw, 4.2rem);

  --lh-tight: 1.2;
  --lh-base: 1.5;

  --space-1: 0.35rem;
  --space-2: 0.6rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.4rem;
  --space-6: 4rem;
  --space-7: 7rem;
  --space-8: 10rem;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  --ease: 360ms cubic-bezier(0.2, 0.7, 0.2, 1);
}