@font-face {
  font-family: "Akshar";
  src: url("../fonts/akshar-variable.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500 700;
}

@font-face {
  font-family: "Fira Sans Extra Condensed";
  src: url("../fonts/fira-sans-extra-condensed-black.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}

:root {
  --oat: #f3efea;
  --caramel: #ac6d36;
  --espresso: #7e4124;
  --sand: #e7dfd3;
  --cocoa: #8a472a;
  --cream: #fff9f2;
  --ink: #31170e;
  --line: rgb(126 65 36 / 26%);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --display: "Fira Sans Extra Condensed", "Arial Narrow", Arial, sans-serif;
  --body: "Akshar", "Arial Narrow", Arial, sans-serif;
  --page-padding: clamp(1rem, 3vw, 3.5rem);
  --wide: 1440px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  min-width: 320px;
  margin: 0;
  background: var(--oat);
  color: var(--espresso);
  font-family: var(--body);
}

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

a { color: inherit; }