/* Design tokens. Light theme only. Logical properties everywhere else. */
:root {
  --ink-900: #14202b;
  --ink-800: #1d2d3b;
  --ink-700: #2a3b4a;
  --ink-500: #5b6b78;
  --ink-300: #9aa6b0;
  --sand-50: #fbf8f1;
  --sand-100: #f4eddf;
  --sand-200: #e8dec7;
  --sand-300: #d6c8a8;
  --brass-400: #c9a45a;
  --brass-500: #b08a3e;
  --brass-600: #8f6d28;
  --water: #2b7a9e;
  --water-soft: #d9ebf3;
  --land: #a77b4b;
  --land-soft: #efe2d2;
  --veg: #5d8a4a;
  --veg-soft: #e1ecd9;
  --white: #ffffff;

  --claim-ok: #3b7d4f;
  --claim-partial: #c28a1d;
  --claim-bad: #b23a3a;
  --claim-est: #7b8794;
  --ins-bg: #d8efdb;
  --del-bg: #f6d8d4;

  --ok: #3b7d4f;
  --err: #b23a3a;
  --idle: #aab3bb;

  --font-sans: "BH Sans", "Geeza Pro", "Segoe UI", "Noto Sans Arabic", "Noto Sans", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-serif: "BH Serif", "Geeza Pro", "Noto Naskh Arabic", "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
  --fs-body: 18px;
  --fs-small: 15px;
  --fs-tiny: 13px;
  --fs-h1: 44px;
  --fs-h2: 28px;
  --fs-h3: 21px;
  --lh: 1.7;

  --strip-h: 72px;
  --topbar-h: 60px;
  --gutter: 32px;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow-1: 0 1px 2px rgba(20, 32, 43, .08), 0 2px 8px rgba(20, 32, 43, .06);
  --shadow-2: 0 8px 28px rgba(20, 32, 43, .18);
  --ease: cubic-bezier(.2, .7, .2, 1);

  /* direction multiplier for transforms: +1 in LTR, -1 in RTL */
  --dir: 1;
}
html[dir="rtl"] { --dir: -1; }
html[lang="ar"] { --lh: 1.7; }
html[lang="en"] { --lh: 1.55; }

/* Local font hook: when woff2 files are placed in assets/fonts/, add
   @font-face { font-family: "BH Sans"; src: url("../assets/fonts/sans.woff2") format("woff2"); font-display: swap; }
   and the same for "BH Serif". Until then the system stack above is used (no network, no 404). */