@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&display=swap');

:root {
  --color-bg: #FAF7F2;
  --color-primary: #A8C3A0;
  --color-secondary: #E8B4A8;
  --color-accent: #C9A66B;
  --color-text: #3A3A3A;
  --color-border: #DCD3C4;

  --font-ui: 'Work Sans', Arial, sans-serif;

  --header-height: 90px;
  --footer-height: 50px;
  --menu-width: 240px;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
}

a {
  color: var(--color-text);
  text-decoration: none;
}

h1, h2, h3 {
  font-weight: 500;
  letter-spacing: 0.2px;
  margin: 0;
}