/* Ratin Design Tokens · v1.0.0 · 1405/06/11
   منبع حقیقت: Design System.dc.html — هر تغییر آنجا، همان روز اینجا.
   استفاده: <link rel="stylesheet" href="ratin-tokens.css"> سپس var(--color-navy-900) */
:root{
  /* رنگ برند و خاکستری */
  --color-navy-700:#3F6CB3; /* سری دوم نمودار، خطوط تزئینی روی آبی */
  --color-navy-900:#153D8A; /* اکشن اصلی، لینک، تیتر، سری اصلی نمودار */
  --color-navy-950:#0E2050; /* هاور آبی، متن روی زرد، زمینه تیره */
  --color-blue-100:#D3E1EC; /* متن ثانویه روی تیره، تینت آواتار */
  --color-blue-300:#8AB5E1; /* سری‌های فرعی، رقبا */
  --color-blue-tint:#EDF2F8; /* آیتم فعال ناوبری، بج اطلاع، تینت انتخاب */
  --color-gold-300:#FFD962; /* هاور زرد، متن تأکیدی روی تیره */
  --color-gold-500:#F3BC00; /* تأکید، CTA بنر، رقیب منتخب نمودار */
  --color-gold-700:#C19800; /* زرد تیره، شماره بخش‌ها */
  --color-gold-tint:#FBF6E3; /* بج «جدید» */
  --color-gray-50:#F9FAFB; /* زمینه صفحه، ردیف زوج جدول */
  --color-gray-100:#E5E8EB; /* بوردر کارت، خطوط شبکه نمودار */
  --color-gray-200:#CED3D9; /* بوردر ورودی، Toggle خاموش */
  --color-gray-400:#9BA5B0; /* placeholder، غیرفعال */
  --color-gray-500:#768393; /* کپشن */
  --color-gray-600:#55606D; /* متن ثانویه، لیبل */
  --color-gray-900:#282D33; /* متن اصلی */
  --color-success-base:#218C48; /* نوار و آیکون موفق */
  --color-success-text:#147136; /* متن روی تینت */
  --color-success-tint:#EDF8F1; /* زمینه بج و هشدار موفق */
  --color-error-base:#C52B20; /* دکمه مخرب، خط توست خطا */
  --color-error-text:#A12017; /* متن خطا، هاور مخرب */
  --color-error-tint:#FBEFEF; /* زمینه بج و هشدار خطا */
  --color-warning-base:#D8790E; /* نوار نزدیک سقف، آیکون هشدار */
  --color-warning-text:#9B5608; /* متن روی تینت */
  --color-warning-tint:#FBF3E9; /* زمینه بج «در انتظار» */
  --color-info-text:#084D9B; /* متن روی تینت آبی */
  --color-white:#FFFFFF;

  /* رنگ معنایی (alias) */
  --color-text:var(--color-gray-900);
  --color-text-secondary:var(--color-gray-600);
  --color-text-muted:var(--color-gray-500);
  --color-placeholder:var(--color-gray-400);
  --color-bg:var(--color-gray-50);
  --color-surface:#FFFFFF;
  --color-border:var(--color-gray-100);
  --color-border-input:var(--color-gray-200);
  --color-action:var(--color-navy-900);
  --color-action-hover:var(--color-navy-950);
  --color-link:var(--color-navy-900);
  --color-link-hover:var(--color-navy-950);
  --color-destructive:var(--color-error-base);
  --color-destructive-hover:var(--color-error-text);
  --color-accent:var(--color-gold-500);
  --color-scrim:rgba(14,32,80,0.4);
  --color-focus-ring:rgba(21,61,138,0.25);
  --color-surface-raised:#FFFFFF; /* منو، پاپ‌اوور، دیالوگ؛ در حالت تیره یک پله روشن‌تر از کارت */
  --color-on-accent:var(--color-navy-950); /* متن روی زرد پررنگ (پیل شمارنده، برچسب پیشنهادی)؛ در تیره هم سرمه‌ای می‌ماند */

  /* نمودار */
  --chart-1:var(--color-navy-900); --chart-2:var(--color-gold-500); --chart-3:var(--color-blue-300); --chart-4:var(--color-gray-200); --chart-secondary:var(--color-navy-700); --chart-grid:var(--color-gray-100); --chart-positive:var(--color-success-base); --chart-negative:var(--color-error-base);

  /* فونت */
  --font-fa:'YekanBakh',Vazirmatn,sans-serif;
  --font-latin:'Saira',sans-serif;
  --font-fa-num:'YekanBakhFaNum','YekanBakh',Vazirmatn,sans-serif; /* ارقام فارسی: جدول، KPI، مبلغ، درصد، تاریخ در رابط فارسی */
  --font-office:Vazirmatn,'Saira',sans-serif; /* فقط گوگل‌داک، اسلاید، آفیس */
  --font-weight-regular:400; --font-weight-medium:500; --font-weight-semibold:600; --font-weight-bold:700; --font-weight-black:900; /* 900 فقط تیتر نمایشی */

  /* مقیاس متن: font shorthand → font:var(--text-h2) */
  --text-display:700 40px/1.4 var(--font-fa);
  --text-h1:700 32px/1.5 var(--font-fa);
  --text-h2:600 24px/1.5 var(--font-fa);
  --text-h3:600 18px/1.6 var(--font-fa);
  --text-body:400 14.5px/1.9 var(--font-fa);
  --text-label:500 13px/1.6 var(--font-fa);
  --text-caption:400 12px/1.8 var(--font-fa);
  --text-kpi:600 30px/1.2 var(--font-latin);
  --text-kpi-lg:600 34px/1.2 var(--font-latin);
  --text-code:500 13px/1.6 var(--font-latin);
  --text-min:11px;

  /* فاصله (مضرب ۴ و ۸) */
  --space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-24:24px;
  --space-32:32px;
  --space-48:48px;
  --space-64:64px;

  /* شعاع: دکمه ۴۸→۱۲، ۴۰→۱۰، ۳۶/۳۲→۸، آیکونی→۱۰ · ورودی و منو ۱۲ · کارت ۱۶ · بج و چیپ ۸ · نوار ۶ · کپسول فقط Toggle، آواتار، نقطه، پیل لوگو */
  --radius-8:8px;
  --radius-10:10px;
  --radius-12:12px;
  --radius-14:14px;
  --radius-16:16px;
  --radius-24:24px;
  --radius-pill:999px;

  /* اندازه‌ها */
  --size-control-32:32px;
  --size-control-36:36px;
  --size-control-40:40px;
  --size-control-48:48px;
  --size-icon-16:16px;
  --size-icon-20:20px;
  --size-icon-24:24px;
  --size-touch-min:44px;
  --size-topbar:64px;
  --size-sidebar:240px;
  --size-sidebar-collapsed:64px;
  --size-mobile-topbar:56px;
  --size-bottom-nav:64px;
  --size-mobile-drawer:280px;
  --size-drawer:420px;
  --size-toast:360px;
  --size-modal-s:400px;
  --size-modal-m:560px;
  --size-modal-l:720px;
  --size-container-doc:1140px;
  --size-container-panel:1200px;
  --size-badge:24px;
  --size-chip:32px;
  --size-toggle-w:40px;
  --size-toggle-h:24px;
  --size-avatar-24:24px;
  --size-avatar-32:32px;
  --size-avatar-40:40px;
  --size-avatar-48:48px;
  --stroke-icon-16:2; --stroke-icon-20:1.85; --stroke-icon-24:1.7;
  --border-width:1px; --focus-ring:0 0 0 2px var(--color-focus-ring);

  /* موشن: ease استاندارد، بدون bounce */
  --motion-fast:120ms;
  --motion-base:200ms;
  --motion-modal:280ms;
  --motion-page:400ms;
  --motion-pulse:1400ms;
  --easing-standard:ease;

  /* لایه‌ها */
  --z-sticky:10;
  --z-backdrop:20;
  --z-popover:30;
  --z-bottom-bar:40;
  --z-modal:50;
  --z-drawer:51;
  --z-toast:60;

  /* نقاط شکست (برای JS؛ در media query مقدار عددی بگذارید) */
  --bp-md:768px;
  --bp-lg:1024px;
  --bp-xl:1440px;
  --grid-columns-mobile:4; --grid-columns-tablet:8; --grid-columns-desktop:12;
  --grid-gutter-mobile:16px; --grid-gutter-desktop:24px;
  --grid-margin-mobile:16px; --grid-margin-tablet:24px; --grid-margin-desktop:32px;
}

/* حالت تیره (۲۶ مهر ۱۴۰۵): فقط رنگ‌ها عوض می‌شوند؛ data-theme را اسکریپت درون head در layout/app و layout/auth می‌گذارد
   (انتخاب کاربر در localStorage «ratin.customer.theme»، نبودش = پیروی از سیستم). قاعده نقش‌ها:
   navy-900 در تیره «متن و لینک آبی روشن» است و دکمه پر و نوار با action رنگ می‌گیرد؛ متن روی action همیشه سفید.
   خاکستری‌ها وارونه‌اند (gray-900 متن روشن، gray-50 زمینه صفحه)؛ تینت‌ها تیره و متن روی تینت روشن، کنتراست متن AA */
:root[data-theme="dark"]{
  color-scheme:dark; /* ورودی‌های بومی، تقویم و اسکرول‌بار تیره */
  --color-navy-700:#5B87CF;
  --color-navy-900:#8AB4F8; /* متن و لینک برند روی زمینه تیره */
  --color-navy-950:#B9D1FA; /* هاور لینک، عدد تأکیدی */
  --color-blue-100:#2A3F63; /* هاور چیپ، تینت آواتار */
  --color-blue-300:#7FA9D8;
  --color-blue-tint:#1A2A44; /* آیتم فعال ناوبری، تینت انتخاب */
  --color-gold-700:#D9AE1A;
  --color-gold-tint:#2E2914;
  --color-gray-50:#0F1419; /* زمینه صفحه، ردیف زوج */
  --color-gray-100:#2A313B; /* بوردر کارت، خط شبکه */
  --color-gray-200:#3B4450; /* بوردر ورودی */
  --color-gray-400:#6E7A88;
  --color-gray-500:#8F9AA8;
  --color-gray-600:#A9B3BF;
  --color-gray-900:#E6EAEF;
  --color-success-base:#3FB06A;
  --color-success-text:#6FD394;
  --color-success-tint:#132A1D;
  --color-error-base:#E5534B;
  --color-error-text:#FF938A;
  --color-error-tint:#3A1A19;
  --color-warning-base:#E8912D;
  --color-warning-text:#F2B866;
  --color-warning-tint:#33250F;
  --color-info-text:#93BDF7;

  --color-surface:#161B22;
  --color-surface-raised:#1C232C;
  --color-action:#2A5DBF; /* دکمه اصلی؛ متن سفید ۶٫۲:۱ */
  --color-action-hover:#3769CC;
  --color-destructive:#CF3E33;
  --color-destructive-hover:#DC5045;
  --color-on-accent:#0E2050;
  --color-scrim:rgba(0,0,0,0.6);
  --color-focus-ring:rgba(138,180,248,0.45);
}

/* پایه‌های پیشنهادی */
html{direction:rtl}
body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--text-body);-webkit-font-smoothing:antialiased}
a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}
.latin,.num,[dir="ltr"]{font-family:var(--font-latin);font-variant-numeric:tabular-nums}
/* قاعده ارقام: در فارسی همه اعداد نمایشی با ارقام فارسی؛ استثنا .rt-num--latin (تلفن، OTP، شناسه، ایمیل، نسخه و شماره فنی) */
[dir="rtl"] .rt-num,[dir="rtl"] .rt-kpi{font-family:var(--font-fa-num);font-variant-numeric:tabular-nums}
.rt-num--latin{font-family:var(--font-latin)!important;direction:ltr;unicode-bidi:isolate}
::placeholder{color:var(--color-placeholder)}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}
/* لوگو: نسخه تیره (متن روشن، مثلث آبی روشن) کنار نسخه اصلی در markup؛ هر حالت فقط یکی را نشان می‌دهد */
:root:not([data-theme="dark"]) img.rt-logo-d,:root[data-theme="dark"] img.rt-logo-l{display:none!important}