/* ===========================================================================
   Damj — "The voice of our community" theme
   Fonts: Fedra Sans (Latin) + Fedra Sans Arabic
   Palette taken from the campaign design (lavender / purple).
   =========================================================================== */

/* ---- Latin: Fedra Sans Std ---- */
@font-face {
  font-family: "Fedra Sans";
  src: url("/assets/fonts/FedraSansStd-Book.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fedra Sans";
  src: url("/assets/fonts/FedraSansStd-Medium.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fedra Sans";
  src: url("/assets/fonts/FedraSansStd-Demi.otf") format("opentype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fedra Sans";
  src: url("/assets/fonts/FedraSansStd-Bold.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}

/* ---- Arabic: Fedra Sans Arabic ---- */
@font-face {
  font-family: "Fedra Sans Arabic";
  src: url("/assets/fonts/FedraSansArabicAR-Bk.otf") format("opentype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fedra Sans Arabic";
  src: url("/assets/fonts/FedraSansArabicAR-Med.otf") format("opentype");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fedra Sans Arabic";
  src: url("/assets/fonts/FedraSansArabicAR-Demi.otf") format("opentype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Fedra Sans Arabic";
  src: url("/assets/fonts/FedraSansArabicAR-Bld.otf") format("opentype");
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* Brand palette */
  --purple:        #7b6c93;   /* primary heading / button */
  --purple-deep:   #5f5277;
  --purple-soft:   #8e7fa6;
  --lilac:         #c9bdd9;
  --lilac-light:   #e7e0ef;
  --lavender-bg:   #efeaf4;   /* page background */
  --panel:         #ffffff;
  --ink:           #2b2533;   /* English body text */
  --ink-soft:      #4a4356;
  --bubble:        #8a7ba0;   /* speech bubble fill */
  --field:         #e6def0;   /* input fill */
  --field-edge:    #d3c7e3;

  --font-en: "Fedra Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-ar: "Fedra Sans Arabic", "Fedra Sans", "Segoe UI", Tahoma, sans-serif;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.ar { font-family: var(--font-ar); direction: rtl; }
.en { font-family: var(--font-en); direction: ltr; }