:root {
  --bg: #f5fafc;
  --surface: rgba(255,255,255,0.7);
  --primary: #0fa4af;
  --secondary: #1d4ed8;
  --accent: #38bdf8;
  --text: #0f172a;
  --border: rgba(15,23,42,.15);
   direction: rtl;
  text-align: right;
  --post-text: #1f2937;
  --post-heading: #111827;
  --post-link: #0284c7;

  --box-info-bg: rgba(2,132,199,0.08);
  --box-info-border: #0284c7;

  --box-note-bg: rgba(22,163,74,0.08);
  --box-note-border: #16a34a;

  --box-cta-bg: linear-gradient(135deg, rgba(56,189,248,.22), rgba(14,165,233,.14));
  --cta-btn-bg: #0284c7;
  --cta-btn-text: #ffffff;

  --image-bg: #f3f4f6;
  --image-shadow: 0 10px 30px rgba(0,0,0,.12);
}

/* DARK MODE */
[data-theme="dark"] {
  --bg: #020617;
  --surface: rgba(15,23,42,0.65);
  --primary: #22d3ee;
  --secondary: #60a5fa;
  --accent: rgba(15,23,42,0.65);
  --text: #ffffff;
  --border: rgba(255,255,255,.08);
  --post-text: #e5e7eb;
  --post-heading: #f9fafb;
  --post-link: #38bdf8;

  --box-info-bg: rgba(56,189,248,0.12);
  --box-info-border: #38bdf8;

  --box-note-bg: rgba(34,197,94,0.12);
  --box-note-border: #22c55e;

  --box-cta-bg: linear-gradient(135deg, rgba(56,189,248,.28), rgba(14,165,233,.18));
  --cta-btn-bg: #38bdf8;
  --cta-btn-text: #000000;

  --image-bg: #020617;
  --image-shadow: 0 12px 40px rgba(0,0,0,.55);
}
body {
  font-family: 
    /* فونت‌های فارسی */
    "Vazirmatn", "Dana", "IranSans", "IRANSans", 
    /* فونت‌های عربی */
    "Cairo", "Tajawal",
    /* فونت‌های لاتین fallback */
    "Segoe UI", "Roboto", "Arial", sans-serif;
}

/* برای قسمت‌های انگلیسی (مثلاً کدها، لینک‌های خارجی) */
.ltr-text {
  direction: ltr;
  text-align: left;
}