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

:root{
  --brown-900:#36251e;
  --brown-800:#563b30;
  --brown-700:#7a5447;
  --clay-600:#957b5a;
  --clay-400:#db5320;
  --tan-500:#bc8169;
  --tan-400:#d9cab3;
  --tan-300:#e8dfd1;
  --tan-200:#ece4d9;
  --cream-200:#f0eae1;
  --cream-100:#f7f4f0;
  --cream-50:#f8f5ee;
  --cream-25:#fbfaf7;
  --white:#ffffff;
  --black:#000000;

  --text-primary:var(--brown-800);
  --text-muted:rgba(86,59,48,.7);
  --border-hairline:var(--tan-300);

  --font-display:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-body:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}