@font-face {
  font-family: "EB Garamond";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/eb-garamond-wght.woff2") format("woff2");
}
@font-face {
  font-family: "EB Garamond";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/eb-garamond-italic-wght.woff2") format("woff2");
}
@font-face {
  font-family: "Hanken Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/hanken-grotesk-wght.woff2") format("woff2");
}

:root {
  /* Warm neutrals */
  --cream:        #F7F2E9;
  --cream-deep:   #F0E9DB;
  --cream-card:   #FBF8F1;
  --sand:         #E5DAC6;
  --line:         rgba(43, 39, 34, 0.12);
  --line-soft:    rgba(43, 39, 34, 0.07);

  /* Ink */
  --ink:          #2B2722;
  --ink-soft:     #56504594;
  --ink-muted:    #6A6256;
  --ink-faint:    #968D7D;

  /* Accent — muted terracotta */
  --terra:        #A85C3C;
  --terra-deep:   #8C4A2F;

  /* Type */
  --serif: "EB Garamond", "Iowan Old Style", Georgia, serif;
  --sans:  "Hanken Grotesk", system-ui, -apple-system, sans-serif;

  /* Rhythm */
  --maxw: 1180px;
  --gut: 48px;
  --nav-h: 78px;
  --sec: 104px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@font-face {
  font-family: "Noto Naskh Arabic";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/noto-naskh-arabic.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans Arabic";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/fonts/noto-sans-arabic.woff2") format("woff2");
}

[dir="rtl"] {
  --serif: "Noto Naskh Arabic", "EB Garamond", "Iowan Old Style", Georgia, serif;
  --sans:  "Noto Sans Arabic", "Hanken Grotesk", system-ui, -apple-system, sans-serif;
}