@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root {
  --color-primary: #123f62;
  --color-link: #1d5f8a;
  --color-text: #17212a;
  --color-background: #fafaf7;
  --color-background-soft: #e7eff3;
  --color-border: #9aaeb9;
  --color-white: #ffffff;
  --color-muted: #5f6f79;
  --color-surface: #f3f6f6;
  --color-shadow: rgba(18, 63, 98, 0.14);

  --font-heading: "Newsreader", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;

  --content-width: 1180px;
  --text-width: 700px;
  --section-spacing: 8rem;
  --section-spacing-tablet: 6rem;
  --section-spacing-mobile: 4.5rem;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --border-radius: 0;

  --step--1: clamp(0.78rem, 0.76rem + 0.08vw, 0.84rem);
  --step-0: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
  --step-1: clamp(1.18rem, 1.09rem + 0.4vw, 1.42rem);
  --step-2: clamp(1.52rem, 1.31rem + 0.9vw, 2.15rem);
  --step-3: clamp(2.05rem, 1.67rem + 1.55vw, 3.2rem);
  --step-4: clamp(2.8rem, 2.08rem + 2.95vw, 4.85rem);
  --step-5: clamp(3.2rem, 2.25rem + 4.1vw, 6rem);

  --shadow-book: 0 22px 46px rgba(18, 63, 98, 0.17);
  --shadow-card: 0 14px 34px rgba(18, 63, 98, 0.08);
  --transition-fast: 180ms ease;
  --transition-base: 420ms cubic-bezier(0.22, 1, 0.36, 1);
}