/* EDIT YOUR BRAND HERE. All other styles refer to these variables. */
:root {
  --gold: #b08a4a;
  --brown: #513b2c;
  --beige: #f3ebdd;
  --black: #191613;
  --paper: #fcfaf6;
  --muted: #6d6258;
  --line: #dcd0be;
  --gold-light: #d8b577;
  --error: #9b332c;
  --success: #376247;
  --font: "Noto Arabic", Arial, sans-serif;
  --heading-font: "Noto Arabic", Arial, sans-serif;
  --max-width: 1240px;
  --radius: 6px;
  --section-space: clamp(72px, 9vw, 124px);
}
@font-face {
  font-family: "Noto Arabic";
  src: url("/assets/NotoSansArabic-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Arabic";
  src: url("/assets/NotoSansArabic-Bold.woff") format("woff");
  font-weight: 600 900;
  font-style: normal;
  font-display: swap;
}
html[lang="en"] {
  --font: Arial, sans-serif;
  --heading-font: Georgia, "Times New Roman", serif;
}

/* Arabic wordmark: separate from the body typeface. The approved logo is an image. */
@font-face {
  font-family: "Amiri Brand";
  src: url("/assets/Amiri-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}