/* Hisabra brand: colours and fonts, shared by the website, the app and the admin panel.
   Colours: Ink (deep ledger green), Verdigris (primary), Gold leaf (the "=" in the mark, balanced states), columnar paper,
   and a debit red / credit blue pair that only appears in debit and credit columns and charts.
   Fonts (all open licence, served from this site): Bricolage Grotesque (English), Kufam (Arabic headlines),
   Vazirmatn (Arabic and Urdu text), Noto Nastaliq Urdu (Urdu headlines). */

@font-face { font-family: "HB Latin"; src: url("/assets/fonts/bricolage.woff2") format("woff2"); font-weight: 300 800; font-stretch: 75% 100%; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2116, U+2122, U+2190-2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "HB Arabic Display"; src: url("/assets/fonts/kufam.woff2") format("woff2"); font-weight: 500 900; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200B-200F, U+25CC; }
@font-face { font-family: "HB Arabic Text"; src: url("/assets/fonts/vazirmatn.woff2") format("woff2"); font-weight: 300 800; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200B-200F, U+25CC; }
@font-face { font-family: "HB Urdu Display"; src: url("/assets/fonts/nastaliq.woff2") format("woff2"); font-weight: 400 700; font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200B-200F, U+25CC; }

:root {
  /* palette */
  --ink: #0A2E2B;          /* text, dark surfaces */
  --ink-2: #14433F;        /* raised dark surfaces */
  --ink-3: #1D5750;        /* borders on dark */
  --vd: #0A7A69;           /* verdigris: buttons and links on light (white text 5.3:1) */
  --vd-hover: #087363;
  --vd-mark: #0E8F7E;      /* logo and large decoration */
  --vd-bright: #2CC7AE;    /* verdigris on dark surfaces (6.9:1 on ink) */
  --gold: #E9B44C;         /* gold leaf: the "=" of the mark, balanced / done */
  --gold-text: #8A5F08;    /* gold as text on light (5.1:1) */
  --paper: #EEF4F0;        /* page background: columnar paper */
  --paper-2: #F6F9F7;      /* raised light surface */
  --white: #FFFFFF;
  --line: #CFDCD5;
  --line-2: #E2EBE6;
  --muted: #4F6763;        /* secondary text on light (5.4:1) */
  --muted-dark: #9FB8B2;   /* secondary text on ink (6.9:1) */
  --dr: #C23A2E;           /* debit (text) */
  --dr-mark: #D9483B;
  --cr: #2F55B8;           /* credit */
  --ok: #17803D;
  --warn: #A15C00;
  --bad: #C23A2E;
  /* type */
  --f-latin: "HB Latin", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --f-ar-display: "HB Arabic Display", "HB Arabic Text", "Segoe UI", Tahoma, Arial, sans-serif;
  --f-ar-text: "HB Arabic Text", "Segoe UI", Tahoma, Arial, sans-serif;
  --f-ur-display: "HB Urdu Display", "Noto Nastaliq Urdu", "HB Arabic Text", "Segoe UI", Tahoma, sans-serif;
  /* the fonts used for the current language; the Latin face stays first so numbers, brand names and English words look the same in every language */
  --f-display: var(--f-latin);
  --f-text: var(--f-latin);
}
:root:lang(ar) { --f-display: "HB Latin", var(--f-ar-display); --f-text: "HB Latin", var(--f-ar-text); }
:root:lang(ur) { --f-display: "HB Latin", var(--f-ur-display); --f-text: "HB Latin", var(--f-ar-text); }
html { font-synthesis: none; }