/* Theme tokens ported from the Al-Katib GTK @define-color palettes. */

@font-face {
  font-family: "Amiri";
  src: url("../assets/fonts/amiri-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Amiri";
  src: url("../assets/fonts/amiri-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-naskh: "Amiri", "Noto Naskh Arabic", "Noto Sans Arabic", serif;
  --font-latin: "Amiri", "Liberation Serif", "DejaVu Serif", serif;
  --scale: 1;
  --key-h: 54px;
  --key-font: 25px;
  --sub-font: 10px;
  --mod-font: 16px;
  --pred-font: 17px;
  --drawer-w: 250px;
}

html[data-theme="desert"] {
  --field-top: #3a2a14;
  --field-bot: #1c1208;
  --drawer-bg: #241708;
  --cap-top: #f4e6c4;
  --cap-bot: #d7bf90;
  --cap-edge: #a8874a;
  --cap-hi: #fffaf0;
  --cap-hover-top: #fff5da;
  --cap-hover-bot: #e8d3a6;
  --cap-mod-top: #6d5329;
  --cap-mod-bot: #402f16;
  --ink: #3a2a12;
  --ink-soft: #6b5228;
  --ink-light: #f0e0bd;
  --gilt: #e0b962;
  --gilt-soft: #f5e0ae;
  --accent: #f0c674;
  --ok: #8bc34a;
  --danger: #c0392b;
  --page-wash: #120c06;
}

html[data-theme="moon"] {
  --field-top: #16233d;
  --field-bot: #0a1120;
  --drawer-bg: #0d1526;
  --cap-top: #2e4267;
  --cap-bot: #1b2a46;
  --cap-edge: #47618f;
  --cap-hi: #7d9bcc;
  --cap-hover-top: #3a537f;
  --cap-hover-bot: #24365a;
  --cap-mod-top: #1d2c49;
  --cap-mod-bot: #121c30;
  --ink: #dce8fb;
  --ink-soft: #9fb4d6;
  --ink-light: #dce8fb;
  --gilt: #e0b962;
  --gilt-soft: #f5e0ae;
  --accent: #7aa6e8;
  --ok: #8bc34a;
  --danger: #d05a4d;
  --page-wash: #05070e;
}

html[data-theme="palm"] {
  --field-top: #1b3a26;
  --field-bot: #0b1a11;
  --drawer-bg: #0c1d13;
  --cap-top: #31603f;
  --cap-bot: #1e4028;
  --cap-edge: #4e8a5c;
  --cap-hi: #7fbd8e;
  --cap-hover-top: #3d744c;
  --cap-hover-bot: #275033;
  --cap-mod-top: #1d4028;
  --cap-mod-bot: #12291a;
  --ink: #e2f3e4;
  --ink-soft: #a8ccb0;
  --ink-light: #e2f3e4;
  --gilt: #e0b962;
  --gilt-soft: #f5e0ae;
  --accent: #74c98a;
  --ok: #9ccc65;
  --danger: #cf5b4a;
  --page-wash: #06100a;
}

html[data-theme="sea"] {
  --field-top: #0d3a45;
  --field-bot: #05191f;
  --drawer-bg: #072229;
  --cap-top: #17636f;
  --cap-bot: #0d4550;
  --cap-edge: #2a94a4;
  --cap-hi: #5ccbd9;
  --cap-hover-top: #1d7987;
  --cap-hover-bot: #115763;
  --cap-mod-top: #0d4550;
  --cap-mod-bot: #082e36;
  --ink: #ddf4f8;
  --ink-soft: #98ccd6;
  --ink-light: #ddf4f8;
  --gilt: #e0b962;
  --gilt-soft: #f5e0ae;
  --accent: #4fc3d9;
  --ok: #7fd4a8;
  --danger: #e0705c;
  --page-wash: #031014;
}

html[data-theme="satin"] {
  --field-top: #f7efe2;
  --field-bot: #efe4d0;
  --drawer-bg: #f4ead8;
  --cap-top: #fffdf8;
  --cap-bot: #f3e6d0;
  --cap-edge: #c9a56a;
  --cap-hi: #ffffff;
  --cap-hover-top: #fff8ea;
  --cap-hover-bot: #ead7b4;
  --cap-mod-top: #e8d5ae;
  --cap-mod-bot: #d4bc8a;
  --ink: #2c1c10;
  --ink-soft: #6a5338;
  --ink-light: #2c1c10;
  --gilt: #9a6b1e;
  --gilt-soft: #6e4a14;
  --accent: #b4532a;
  --ok: #3d7a32;
  --danger: #b42318;
  --page-wash: #faf6ee;
}