@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');
/* Color Bank
Teal = 13, 195, 192
Blue = ؟
Orange = 236, 117, 0
Purple = 120, 82, 238
Green = 8, 177, 78
*/

.site-footer {
  display: none;
}

.callout[data-callout="quran"] {
  --callout-color: 13, 195, 192;
  --callout-icon: book-open-text;
}

.callout[data-callout="injeel"] {
  --callout-color: 13, 195, 192;
  --callout-icon: sparkles;
}

.callout[data-callout="tawrat"] {
  --callout-color: 13, 195, 192;
  --callout-icon: scroll-text;
}

.callout[data-callout="zabour"] {
  --callout-color: 13, 195, 192;
  --callout-icon: message-circle-heart;
}

.callout[data-callout="cross-reference"] {
  --callout-color: 120, 82, 238;
  --callout-icon: signpost;
}

.callout[data-callout="idea"] {
  --callout-color: 236, 117, 0;
  --callout-icon: lightbulb;
}

.callout[data-callout="consulting"] {
  --callout-color: 8, 177, 78;
  --callout-icon: earth;
}


body {
  --font-text-tajawal: 'Tajawal', sans-serif;
  /* Use Tajawal, with sans-serif as fallback */
  --font-text-tajawal-size: 18px;
  font-family: var(--font-text-tajawal), sans-serif;
  /* Apply it to the entire body */
  font-size: var(--font-text-tajawal-size);
  /* Set the default size */
}

.cm-s-obsidian .cm-line,
.markdown-rendered,
.markdown-preview-view,
.markdown-source-view,
.modal-content,
.workspace-leaf-content,
.workspace-tab-header-content {
  font-family: var(--font-text-tajawal), sans-serif;
  /* Apply Tajawal */
  font-size: var(--font-text-tajawal-size);
  /* Apply the font size */
}

/* Optional: Specific mode targeting (if needed) */
.markdown-source-view .cm-s-obsidian {
  font-family: var(--font-text-tajawal), sans-serif;
  font-size: var(--font-text-tajawal-size);
}

.markdown-preview-view {
  font-family: var(--font-text-tajawal), sans-serif;
  font-size: var(--font-text-tajawal-size);
}