/* تَرین ۲۴ — design tokens. High-contrast, warm-paper base, Persian-turquoise brand, saffron accent. */
:root {
  /* palette */
  --bg: #F7F5F0;
  --surface: #FFFFFF;
  --surface-2: #EEF3F2;
  --ink: #14292E;
  --ink-2: #3E555B;
  --ink-3: #64787D;
  --brand: #0B7285;          /* فیروزه‌ای تیره — AA on white */
  --brand-strong: #085A6A;
  --brand-deep: #0A3B46;     /* hero panel */
  --brand-tint: #E2F0F2;
  --on-brand: #FFFFFF;
  --accent: #B45D00;         /* زعفرانی — AA text on light */
  --accent-bg: #FDF1E1;
  --accent-line: #ECCB9A;
  --ok: #1B7F4D;
  --ok-bg: #E6F4EC;
  --danger: #B3261E;
  --danger-bg: #FBEDEB;
  /* اربعین — dark page palette (page-scoped via .arb-page; sitewide tokens untouched) */
  --arb-black: #0A0808;
  --arb-surface: #16100F;
  --arb-surface-2: #1E1716;
  --arb-line: #2B2321;
  --arb-line-strong: #3C3230;
  --arb-ink: #F4EFEA;
  --arb-ink-2: #C6BAB4;
  --arb-ink-3: #9A8C87;
  --arb-red: #DC4652;        /* AA on --arb-black */
  --arb-red-deep: #8E1620;
  --arb-red-wash: rgba(220, 70, 82, 0.09);
  --arb-red-edge: rgba(220, 70, 82, 0.34);
  --line: #E0E6E4;
  --line-strong: #C6D2D0;
  /* type — self-hosted-free system Persian stack */
  --font: "Vazirmatn", "IRANSansX", "Iranian Sans", "Segoe UI", Tahoma, "DejaVu Sans", sans-serif;
  --fs--1: 0.8125rem;  /* 13 */
  --fs-0: 0.9375rem;   /* 15 */
  --fs-1: 1.0625rem;   /* 17 */
  --fs-2: 1.25rem;     /* 20 */
  --fs-3: 1.5rem;      /* 24 */
  --fs-4: 1.875rem;    /* 30 */
  --fs-5: 2.375rem;    /* 38 */
  --lh-tight: 1.35;
  --lh-body: 1.85;     /* Persian needs generous line-height */
  /* space (4-base) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  /* shape */
  --r-s: 8px; --r-m: 12px; --r-l: 18px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(20, 41, 46, 0.06), 0 1px 6px rgba(20, 41, 46, 0.05);
  --shadow-2: 0 4px 14px rgba(20, 41, 46, 0.10), 0 2px 4px rgba(20, 41, 46, 0.06);
  --shadow-3: 0 12px 32px rgba(10, 59, 70, 0.18);
  /* misc */
  --maxw: 1080px;
  --focus-ring: 0 0 0 3px rgba(11, 114, 133, 0.35);
}