/* Colour and type tokens.  Light theme = Coptic church interior (parchment,
   umber, Coptic red, lapis, thin antique gold).  Dark theme = temple interior. */

:root {
  --ground: #f4ecd8;        /* parchment / limestone */
  --ground-2: #ede2c6;      /* sandstone, for chrome */
  --ground-3: #e2d4b0;      /* deeper sandstone, hover states */
  --ink: #2b1d14;           /* dark umber text */
  --ink-2: #5a4636;         /* secondary text */
  --ink-3: #8a7560;         /* muted labels */
  --red: #8a2b1e;           /* Coptic red ochre — primary accent */
  --red-soft: rgba(138, 43, 30, 0.10);
  --blue: #1f3a6e;          /* lapis — secondary accent */
  --blue-soft: rgba(31, 58, 110, 0.12);
  --teal: #3f7f82;          /* faience — tertiary */
  --gold: #b08d3c;          /* antique gold — hairlines only */
  --gold-soft: rgba(176, 141, 60, 0.35);
  --paper: #fbf6ea;         /* popover surface */
  --shadow: 0 10px 30px rgba(43, 29, 20, 0.18), 0 2px 6px rgba(43, 29, 20, 0.12);
  --hl: rgba(31, 58, 110, 0.16);
  --hl-strong: rgba(31, 58, 110, 0.32);

  /* painted frieze: temple pigments, muted */
  --fz-blue: #35598f;       /* Egyptian blue */
  --fz-red: #9e442a;        /* red ochre */
  --fz-green: #3f7a5c;      /* malachite */
  --fz-yellow: #c49a3c;     /* yellow ochre */
  --fz-cream: #efe3c6;      /* limestone ground */
  --fz-line: #2b2118;       /* black outline */

  --font-latin: "Gentium Plus", "Gentium", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-coptic: "Noto Sans Coptic", "Antinoou", "New Athena Unicode", sans-serif;
  --font-arabic: "Noto Naskh Arabic", "Amiri", "Scheherazade", "Traditional Arabic", serif;
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --size: 100%;             /* user font-size scale, set from settings */
  --lh: 1.75;
  color-scheme: light;
}

:root[data-coptic-font="antinoou"] {
  --font-coptic: "Antinoou", "Noto Sans Coptic", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #1a1512;
    --ground-2: #221c17;
    --ground-3: #2e261f;
    --ink: #e8dcc4;
    --ink-2: #c4b596;
    --ink-3: #8f8066;
    --red: #d9776a;
    --red-soft: rgba(217, 119, 106, 0.16);
    --blue: #8fa9dc;
    --blue-soft: rgba(143, 169, 220, 0.18);
    --teal: #7fb7b9;
    --gold: #c9a55a;
    --gold-soft: rgba(201, 165, 90, 0.35);
    --paper: #241d18;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.4);
    --hl: rgba(143, 169, 220, 0.20);
    --hl-strong: rgba(143, 169, 220, 0.40);
    --fz-blue: #3d5f92;
    --fz-red: #9a4a33;
    --fz-green: #3b6e56;
    --fz-yellow: #b08c3f;
    --fz-cream: #d9cba8;
    --fz-line: #120e0b;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --ground: #1a1512;
  --ground-2: #221c17;
  --ground-3: #2e261f;
  --ink: #e8dcc4;
  --ink-2: #c4b596;
  --ink-3: #8f8066;
  --red: #d9776a;
  --red-soft: rgba(217, 119, 106, 0.16);
  --blue: #8fa9dc;
  --blue-soft: rgba(143, 169, 220, 0.18);
  --teal: #7fb7b9;
  --gold: #c9a55a;
  --gold-soft: rgba(201, 165, 90, 0.35);
  --paper: #241d18;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.4);
  --hl: rgba(143, 169, 220, 0.20);
  --hl-strong: rgba(143, 169, 220, 0.40);
  --fz-blue: #3d5f92;
  --fz-red: #9a4a33;
  --fz-green: #3b6e56;
  --fz-yellow: #b08c3f;
  --fz-cream: #d9cba8;
  --fz-line: #120e0b;
  color-scheme: dark;
}

/* Bundled fonts (all SIL Open Font License; see fonts/OFL-*.txt) */
@font-face {
  font-family: "Noto Sans Coptic";
  src: url("../fonts/NotoSansCoptic-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gentium Plus";
  src: url("../fonts/GentiumPlus-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gentium Plus";
  src: url("../fonts/GentiumPlus-Italic.woff2") format("woff2");
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Gentium Plus";
  src: url("../fonts/GentiumPlus-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Gentium Plus";
  src: url("../fonts/GentiumPlus-BoldItalic.woff2") format("woff2");
  font-weight: 700; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Bold.ttf") format("truetype");
  font-weight: 700; font-style: normal; font-display: swap;
}