/* ─────────────────────────────────────────────────────────────
   توکن‌های دیزاین آموزشگاه — تنها منبع حقیقت برای رنگ، فاصله،
   تایپوگرافی و ارتفاع. هیچ رنگ یا اندازه‌ای نباید بیرون از این
   فایل به‌صورت مقدار خام نوشته شود.
   ───────────────────────────────────────────────────────────── */
:root {
  color-scheme: light;

  /* برند */
  --brand-900: #12402F;
  --brand-700: #14503E;
  --brand-600: #1B6350;
  --brand-500: #2A7C64;
  --brand-400: #4EA588;
  --brand-100: #C9DED4;
  --brand-50:  #E8F1EC;

  /* طلایی — فقط پیشرفت، دستاورد و حلقهٔ فوکوس */
  --gold-500: #E5A335;
  --gold-700: #7A5410;
  --gold-50:  #FBF1DC;

  /* خطر */
  --clay-600: #A63F36;
  --clay-700: #8C2F27;
  --clay-50:  #F6E9E7;

  /* سطح و متن */
  --paper:    #FBF8F3;
  --surface:  #FFFFFF;
  --surface-2:#F6F2EA;
  --sunk:     #EFE9DE;
  --line:     #E7E0D4;
  --line-soft:#F0EBE1;
  --ink:      #23211D;
  --ink-2:    #57524A;
  --ink-3:    #8A8378;
  --ink-4:    #B4ADA1;
  --on-brand: #FFFFFF;

  /* نقش‌های معنایی */
  --ok-bg: var(--brand-50);      --ok-fg: var(--brand-700);
  --warn-bg: var(--gold-50);     --warn-fg: var(--gold-700);
  --err-bg: var(--clay-50);      --err-fg: var(--clay-700);
  --info-bg: #EAF1F7;            --info-fg: #2C4A63;

  /* تایپوگرافی */
  /* پینار فونت برند رادمانا است؛ وزیرمتن جانشین تا در نبودِ پینار متن به Tahoma سقوط نکند */
  --font: 'Pinar', 'Vazirmatn RD', 'Vazirmatn RD Static', 'Vazirmatn', Tahoma, system-ui, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, 'Courier New', monospace;

  --fs-display: clamp(2rem, 4.6vw, 3.15rem);
  --fs-h1: clamp(1.55rem, 3.4vw, 2.1rem);
  --fs-h2: clamp(1.3rem, 2.4vw, 1.62rem);
  --fs-h3: 1.12rem;
  --fs-prose: 1rem;
  --fs-ui: .9rem;
  --fs-sm: .84rem;
  --fs-xs: .78rem;

  /* دو ارتفاع خط: متن نفس می‌کشد، رابط فشرده می‌ماند */
  --lh-prose: 1.85;
  --lh-ui: 1.5;
  --lh-title: 1.35;

  /* فاصله */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 48px;
  --s9: 72px;

  /* شکل */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px; --r-pill: 999px;
  --bw: 1px;

  /* ارتفاع */
  --e1: 0 1px 2px rgba(35, 33, 29, .06);
  --e2: 0 4px 12px rgba(35, 33, 29, .07);
  --e3: 0 16px 40px rgba(35, 33, 29, .12);

  /* هدف لمسی و کنترل */
  --tap: 44px;
  --ctl-h: 46px;
  --ctl-h-sm: 38px;

  /* حرکت */
  --ease: cubic-bezier(.2, .7, .3, 1);
  --dur: 160ms;

  --header-h: 68px;
  --wrap: 1240px;
}

/* ─── حالت تیره ─── */
:root[data-theme="dark"] {
  color-scheme: dark;

  --paper:    #131513;
  --surface:  #1B1F1D;
  --surface-2:#232A26;
  --sunk:     #171A18;
  --line:     #2C332F;
  --line-soft:#232A26;
  --ink:      #EAE7E0;
  --ink-2:    #9AA79F;
  --ink-3:    #7E8A83;
  --ink-4:    #5F6B65;

  --brand-700: #2A7C64;
  --brand-600: #35906F;
  --brand-500: #4EA588;
  --brand-100: #2C4A3E;
  --brand-50:  #1C2B25;

  --gold-700: #E5C07B;
  --gold-50:  #2E2718;

  --clay-600: #C4574C;
  --clay-700: #E79C93;
  --clay-50:  #2E1D1B;

  --ok-bg: #1C2B25;   --ok-fg: #86D0B3;
  --warn-bg: #2E2718; --warn-fg: #E5C07B;
  --err-bg: #2E1D1B;  --err-fg: #E79C93;
  --info-bg: #1A2530; --info-fg: #9EC3E3;

  --e1: 0 1px 2px rgba(0, 0, 0, .4);
  --e2: 0 4px 14px rgba(0, 0, 0, .45);
  --e3: 0 16px 44px rgba(0, 0, 0, .55);
}

/* محیط یادگیری همیشه تیره است، مستقل از تم سایت */
.theatre {
  color-scheme: dark;
  --paper:    #131513;
  --surface:  #1B1F1D;
  --surface-2:#232A26;
  --sunk:     #171A18;
  --line:     #2C332F;
  --ink:      #EAE7E0;
  --ink-2:    #9AA79F;
  --ink-3:    #7E8A83;
  --ink-4:    #5F6B65;
  --brand-700: #2A7C64;
  --brand-600: #35906F;
  --brand-500: #4EA588;
  --brand-50:  #1C2B25;
  --brand-100: #2C4A3E;
}

/* ─────────────────────────────────────────────────────────────
   نگاشت سازگاری با نام‌های نسخهٔ ۱
   ویوهایی که هنوز بازنویسی نشده‌اند این نام‌ها را صدا می‌زنند؛
   تا زمانی که همه مهاجرت کنند اینجا می‌مانند. نام جدید را به‌کار ببر.
   ───────────────────────────────────────────────────────────── */
:root, :root[data-theme="dark"], .theatre {
  --cream: var(--paper);
  --cream-2: var(--surface-2);
  --ink-soft: var(--ink-2);
  --green: var(--brand-700);
  --green-deep: var(--brand-900);
  --green-soft: var(--brand-50);
  --amber: var(--gold-500);
  --amber-soft: var(--gold-50);
  --danger: var(--clay-600);
  --danger-soft: var(--clay-50);
  --radius: var(--r-md);
  --radius-lg: var(--r-lg);
  --shadow: var(--e2);
}