:root {
  color-scheme: light;

  --paper: #f2eee6;
  --paper-soft: #f8f5ef;
  --paper-deep: #e5dfd4;
  --ink: #171715;
  --ink-soft: #58554f;
  --line: #cfc7ba;
  --wine: #771f2d;
  --wine-dark: #4f111c;
  --wine-light: #a84958;
  --steel: #aebfc6;
  --steel-deep: #728b95;
  --white: #fffdf8;
  --success: #2f6650;
  --danger: #9a2f36;

  --font-display: "Prata", "Times New Roman", serif;
  --font-body: "Golos Text", "Segoe UI", Arial, sans-serif;

  --step--1: clamp(0.76rem, 0.72rem + 0.15vw, 0.84rem);
  --step-0: clamp(0.98rem, 0.94rem + 0.18vw, 1.08rem);
  --step-1: clamp(1.18rem, 1.07rem + 0.45vw, 1.48rem);
  --step-2: clamp(1.52rem, 1.31rem + 0.9vw, 2.1rem);
  --step-3: clamp(2rem, 1.6rem + 1.7vw, 3.1rem);
  --step-4: clamp(2.7rem, 1.8rem + 3.8vw, 5.4rem);
  --step-5: clamp(3.7rem, 2.1rem + 7vw, 9rem);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: clamp(5.5rem, 10vw, 9rem);

  --content: 1240px;
  --reading: 720px;
  --edge: clamp(1rem, 3vw, 2.5rem);
  --radius-sm: 0.35rem;
  --radius-md: 1rem;
  --radius-lg: 2rem;
  --shadow: 0 24px 70px rgb(39 29 24 / 10%);
  --ease: cubic-bezier(0.2, 0.75, 0.2, 1);
}