:root {
  color-scheme: light;
  --color-paper: #f1e8d8;
  --color-paper-2: #e8d8bf;
  --color-paper-3: #dfcbb0;
  --color-card: #fff8ec;
  --color-nav: #35242e;
  --color-output: #f8efdf;
  --color-rule: #c7b5a0;
  --color-rule-2: #947966;
  --color-muted: #705749;
  --color-ink-2: #594335;
  --color-ink: #3b2b29;
  --color-accent: #87462f;
  --color-accent-hover: #6f3625;
  --color-accent-ink: #fff3db;
  --color-accent-paper: #f3e0cf;
  --color-accent-rule: #a97259;
  --color-focus: #87462f;
  --color-error: #a4322c;
  --color-error-paper: #f8e5dc;
  --color-success: #245e4c;
  --color-success-paper: #e5eee3;
  --color-success-rule: #8dad99;
  --color-warning: #74501f;
  --color-warning-paper: #f5e6c9;
  --color-warning-rule: #b49661;
  --color-highlight: #ead9a6;
  --color-shadow: #2b1a2424;
  --font-display: 'Cormorant Garamond', Georgia, 'Assyrian', serif;
  --font-body: 'Hanken Grotesk', 'Assyrian', 'Segoe UI', sans-serif;
  --font-syriac: 'Assyrian', 'Noto Sans Syriac', 'Segoe UI Historic', serif;
  --space-2xs: .25rem;
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-lg: 1.75rem;
  --text-display: 2rem;
  --reader-size: 1.75rem;
  --radius-input: 3px;
  --radius-card: 12px;
  --radius-md: 8px;
  --rule-card: 1px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-micro: 140ms;
  --dur-short: 220ms;
  --z-sticky: 200;
  --z-skip: 400;
  --shadow-soft: 0 4px 24px #2b1a2408;
  --shadow-popup: 0 12px 36px var(--color-shadow);
  --size-control: 3rem;
  --color-control: var(--color-paper-3);
  --color-control-hover: var(--color-paper-2);
  --radius-control: 6px;
  --size-page-title: 2rem;
  --size-content: 1240px;
  --color-nav-ink:#fff3db;
  --color-nav-muted:#e5d4be;
  --color-nav-rule:#79624f;
  --color-nav-hover:#49323d;
  --color-nav-active:#fff3db;
  --color-nav-active-ink:#2b1a24;
  --color-teal:#193f43;
  --color-teal-paper:#e2ece5;
  --color-teal-rule:#8aa9a0;
  --color-amber:#80551c;
  --color-amber-paper:#f2dfb9;
  --color-amber-rule:#b99b67;
  --color-gold:#dca247;
  --color-teal-strong:#193f43;
  --color-terracotta:var(--color-accent);
  --color-terracotta-paper:var(--color-accent-paper);
  --color-terracotta-rule:var(--color-accent-rule);
}
[data-appearance=dark] {
  color-scheme: dark;
  --color-paper: #261e23;
  --color-paper-2: #30252a;
  --color-paper-3: #413136;
  --color-card: #2d2228;
  --color-nav: #35242e;
  --color-output: #30272c;
  --color-rule: #65514b;
  --color-rule-2: #9b8071;
  --color-muted: #c9b6a3;
  --color-ink-2: #e0cdb5;
  --color-ink: #f2e6d1;
  --color-accent: #e5ad52;
  --color-accent-hover: #f0c67e;
  --color-accent-ink: #2b1a24;
  --color-accent-paper: #4b3528;
  --color-accent-rule: #b08a5d;
  --color-focus: #e5ad52;
  --color-error: #ffb7a7;
  --color-error-paper: #512b2c;
  --color-success: #abd8bd;
  --color-success-paper: #263f35;
  --color-success-rule: #668e76;
  --color-warning: #f0cf8b;
  --color-warning-paper: #463820;
  --color-warning-rule: #9f8354;
  --color-highlight: #5a4425;
  --color-shadow: #10091266;
  --shadow-soft: 0 4px 24px #10091218;
  --color-teal:#a9d8ce;
  --color-teal-paper:#203d3b;
  --color-teal-rule:#60968c;
  --color-amber:#e5ad52;
  --color-amber-paper:#48361f;
  --color-amber-rule:#a3844f;
}
@font-face {font-family:'Hanken Grotesk';src:url('/fonts/HankenGrotesk.ttf') format('truetype');font-weight:100 900;font-display:swap;}
@font-face {font-family:'Noto Sans Arabic';src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-display:swap;}
@font-face {font-family:'IBM Plex Sans Arabic';src:url('/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:'IBM Plex Sans Arabic';src:url('/fonts/IBMPlexSansArabic-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face {font-family:'IBM Plex Sans Arabic';src:url('/fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face {font-family:'IBM Plex Sans Arabic';src:url('/fonts/IBMPlexSansArabic-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
html[lang=ar]{--font-body:'IBM Plex Sans Arabic','Noto Sans Arabic','Assyrian','Segoe UI',sans-serif;--font-display:'IBM Plex Sans Arabic','Noto Sans Arabic','Assyrian','Segoe UI',sans-serif;}
@font-face {font-family:'Newsreader';src:url('/fonts/Newsreader.ttf') format('truetype');font-weight:200 800;font-display:swap;}
@font-face {font-family:'Noto Sans Syriac';src:url('/fonts/NotoSansSyriac.ttf') format('truetype');font-weight:400;font-display:swap;}
/* User-supplied Unicode font. Restrict coverage so Latin and Arabic retain
   their interface typefaces. Syriac letters and points remain Unicode. */
@font-face {font-family:'Assyrian';src:url('/fonts/NotoSansSyriacEastern-Regular.ttf') format('truetype');font-weight:400;font-display:swap;unicode-range:U+0700-074F,U+0860-086F,U+0304,U+0307-0308,U+0320,U+0323-0324,U+0330-0331,U+25CC;}