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

:root {
  --deb-bg: #faf6f0;
  --deb-bg-warm: #f1eae0;
  --deb-paper: #ffffff;
  --deb-text: #221e1b;
  --deb-muted: #655d55;
  --deb-green: #234434;
  --deb-green-hover: #193225;
  --deb-terracotta: #b85435;
  --deb-border: #dfd6c7;
  --deb-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --deb-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --deb-radius: 6px;
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  background-color: var(--deb-bg);
  color: var(--deb-text);
  font-family: var(--deb-sans);
  font-weight: 400;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--deb-radius);
}

a {
  color: var(--deb-text);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--deb-terracotta);
}