:root {
  --color-primary: #1b2a4a;
  --color-primary-deep: #121c33;
  --color-night: #0c1428;
  --color-accent: #c4a35a;
  --color-accent-soft: #f7f1e4;
  --color-primary-soft: #e8ecf3;
  --color-bg: #fafaf8;
  --color-bg-soft: #f3f1ed;
  --color-paper: #ffffff;
  --color-text: #2c2c2c;
  --color-text-muted: #5a5a5a;
  --color-rule: #e8e6e3;
  --color-white: #ffffff;

  --font-display: "Playfair Display", Georgia, serif;
  --font-subtitle: "Merriweather", Georgia, serif;
  --font-body: "Lato", "Helvetica Neue", Arial, sans-serif;

  --fs-hero: clamp(2.6rem, 5vw, 4.4rem);
  --fs-h2: clamp(1.75rem, 3vw, 2.6rem);
  --fs-h3: 1.15rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.8125rem;

  --lh-body: 1.7;
  --lh-tight: 1.25;

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5.5rem;
  --space-2xl: 8rem;

  --wrap: 72rem;
  --radius: 4px;
  --header-h: 4.25rem;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --shadow-book:
    0 24px 60px rgba(8, 14, 28, 0.45),
    0 8px 20px rgba(8, 14, 28, 0.25);
}