:root {
  --color-ink: #111315;
  --color-ink-soft: #1b1e22;
  --color-surface: #faf6ef;
  --color-surface-strong: #f0ebe1;
  --color-surface-muted: #e5ded2;
  --color-paper: #fffdf9;
  --color-white: #ffffff;
  --color-accent: #b99661;
  --color-accent-strong: #d0b180;
  --color-line: rgba(17, 19, 21, 0.12);
  --color-line-strong: rgba(17, 19, 21, 0.2);
  --color-line-inverse: rgba(255, 255, 255, 0.14);
  --color-text: rgba(17, 19, 21, 0.9);
  --color-text-muted: rgba(17, 19, 21, 0.68);
  --color-text-inverse: rgba(255, 255, 255, 0.9);
  --color-text-inverse-muted: rgba(255, 255, 255, 0.68);
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --font-accent: "Newsreader", Georgia, serif;
  --radius-xs: 0.5rem;
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.5rem;
  --shadow-soft: 0 18px 50px rgba(17, 19, 21, 0.08);
  --shadow-strong: 0 22px 60px rgba(7, 8, 10, 0.2);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --space-10: 4rem;
  --space-11: 5rem;
  --space-12: 6rem;
  --space-13: 7rem;
  --section-space-top: var(--space-7);
  --section-space-bottom: var(--space-10);
  --section-space-top-mobile: var(--space-6);
  --section-space-bottom-mobile: var(--space-9);
  --container: 76rem;
  --transition-fast: 180ms ease;
  --transition-medium: 260ms ease;
}