/* Faselah web tokens — by role, from ~/rasf-film/brand/BRAND.md §3–5 (23 Oct 2026). Dark cloth is the ground of every page;
   plaster is for quoted speech, questions and answers (and, in the exhibition concept, the hall's wall), never data. */
@font-face { font-family: "Reem Kufi"; font-weight: 700; font-display: swap; src: url("../fonts/reem-kufi-arabic-700-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Reem Kufi"; font-weight: 700; font-display: swap; src: url("../fonts/reem-kufi-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2010-2027; }
@font-face { font-family: "Readex Pro"; font-weight: 300; font-display: swap; src: url("../fonts/readex-pro-arabic-300-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Readex Pro"; font-weight: 400; font-display: swap; src: url("../fonts/readex-pro-arabic-400-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Readex Pro"; font-weight: 500; font-display: swap; src: url("../fonts/readex-pro-arabic-500-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Readex Pro"; font-weight: 700; font-display: swap; src: url("../fonts/readex-pro-arabic-700-normal.woff2") format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F; }
@font-face { font-family: "Readex Pro"; font-weight: 300; font-display: swap; src: url("../fonts/readex-pro-latin-300-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2010-2027, U+00B7, U+2192, U+2190; }
@font-face { font-family: "Readex Pro"; font-weight: 400; font-display: swap; src: url("../fonts/readex-pro-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2010-2027, U+00B7, U+2192, U+2190; }
@font-face { font-family: "Readex Pro"; font-weight: 500; font-display: swap; src: url("../fonts/readex-pro-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2010-2027, U+00B7, U+2192, U+2190; }
@font-face { font-family: "Readex Pro"; font-weight: 700; font-display: swap; src: url("../fonts/readex-pro-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2010-2027, U+00B7, U+2192, U+2190; }
@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-display: swap; src: url("../fonts/ibm-plex-mono-latin-500-normal.woff2") format("woff2"); }

:root {
  --cloth: #0a0908; --raised: #161312; --sunk: #070606; --hair: #2e2c2a;
  --ink: #ede6dd; --ink2: #bbb5ae; --ink3: #9b9690;
  --gold: #e8b45a; --gold-glyph: #d6a442;
  --mark: #c4332a;            /* the comma, and only the comma */
  --lives: #c62e26;           /* the lives symbol and its data, never decorative */
  --closure: #e0823a;         /* closures: never red */
  --plaster: #ebe5d8; --plaster-ink: #2b2520; --plaster-rule: #c9bfac;
  --olive: #76863a; --teal: #56a88a; --water: #3a96a8; --violet: #8060a8; --sand: #ba9868; --steel: #969aa4;
  --r-chip: 3px; --r-card: 6px; --r-quote: 12px; --r-answer: 18px; --r-caption: 24px; --r-pill: 999px;
  --f-ar: "Readex Pro", system-ui, sans-serif; --f-name: "Reem Kufi", "Readex Pro", sans-serif; --f-mono: "IBM Plex Mono", ui-monospace, monospace;
  --ease-out: cubic-bezier(.22, 1, .36, 1); --ease-io: cubic-bezier(.65, 0, .35, 1);
  --t-quick: 180ms; --t-move: 420ms;
  color-scheme: dark;
}
html { background: var(--cloth); color: var(--ink); font-family: var(--f-ar); -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--cloth); }
:lang(ar) { letter-spacing: 0; }
.num { font-feature-settings: "tnum" 1; }
.src { color: var(--ink3); font-size: 13px; line-height: 1.5; }
.ltr { direction: ltr; unicode-bidi: isolate; }
.mono { font-family: var(--f-mono); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; } }