:root {
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Karla', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --color-bg: #fdf8f3;
  --color-surface: #ffffff;
  --color-surface-sunk: #faeddf;

  --color-text: #1c1917;
  --color-text-muted: #78716c;
  --color-border: #ece2d8;

  --color-accent: #cd3c60;
  --color-accent-dark: #a22a48;
  --color-accent-tint: #f8e2e7;

  --color-secondary: #4d7c0f;
  --color-secondary-tint: #e8eee0;

  --color-danger: #b91c1c;
  --color-danger-tint: #f5dddd;

  --color-footer-bg: #1b262c;
  --color-footer-text: #efe6d8;
  --color-footer-text-muted: #a5a39c;
  --color-footer-border: rgba(239, 230, 216, 0.14);

  --color-image-bg: #ffffff;

  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 16px;
  --shadow-card: 0 1px 2px rgba(43, 36, 32, 0.06), 0 4px 16px rgba(43, 36, 32, 0.06);
  --shadow-modal: 0 12px 40px rgba(43, 36, 32, 0.25);

  --container-w: 1920px;
}