/* =========================================================
   VARIABLES
========================================================= */
:root {
  --text-main: #555;
  --text-soft: #444;
  --text-heading: #333;
  --text-heading2: #79abac;
  --text-main-weight: 400;

  --bg-main: #f4f4f4;
  --bg-white: #fff;
  --bg-sand: #abd3d3;
  --bg-accent1: #F2A65A;

  --radius: 12px;
  --spacing: 12px;

  --btn-color: #333;
}

/* =========================================================
   RESET & BASICS
========================================================= */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', Arial, sans-serif;
}

html {
  font-size: clamp(18px, 1vw, 20px);
}

body {
  background: var(--bg-white);
  color: var(--text-main);
  font-weight: 300;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}