@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap");

:root {
  --color-bg: #FBF6F1;
  --color-surface: #F4E4E6;
  --color-accent: #E9C9CF;
  --color-primary: #7A3E4E;
  --color-primary-dark: #62313E;
  --color-text: #2E1A20;
  --color-muted: #6B4F57;
  --color-border: #E2CDD0;
  --color-on-primary: #FBF6F1;
  --color-white: #FFFFFF;

  --font-heading: "Playfair Display", Georgia, serif;
  --font-body: "Lora", Georgia, serif;

  --text-body: 18px;
  --text-small: 13px;
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 24px;
  --text-h1-wide: 64px;
  --text-h2-wide: 40px;

  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 40px;
  --space-xl: 72px;
  --space-xxl: 120px;

  --content-width: 1160px;
  --text-width: 620px;
  --header-height: 84px;
  --radius: 2px;
  --button-height: 52px;
}