/* ═══ اتوماسیون اداری سامان رایان — توکن‌های دیزاین‌سیستم ═══
   برند: سرمه #2B3054 + فیروزه #39B9C8 · فونت Estedad · RTL
   قانون کنتراست: فیروزه ۵۰۰ هرگز رنگ متن یا زمینه متن سفید نیست (۲٫۲:۱)؛
   فیروزه تعاملی (لینک/متن) همیشه --teal-700 است.
   کامپوننت‌ها فقط از لایه معنایی می‌خوانند، نه از رمپ‌های خام. */

:root {
  /* ── رمپ سرمه ── */
  --navy-950: #12152A; --navy-900: #1A1E3A; --navy-800: #232848;
  --navy-700: #2B3054; --navy-600: #3A4170; --navy-500: #4C548F;
  --navy-400: #6E76A9; --navy-300: #9BA1C6; --navy-200: #C7CBE0;
  --navy-100: #E5E7F1; --navy-50:  #F3F4F9;

  /* ── رمپ فیروزه ── */
  --teal-900: #0D444C; --teal-800: #125A64; --teal-700: #177E8C;
  --teal-600: #289DAC; --teal-500: #39B9C8; --teal-400: #63CAD6;
  --teal-300: #93DCE5; --teal-200: #BFEBF0; --teal-100: #DDF4F7;
  --teal-50:  #EFFAFB;

  /* ── سطح‌ها و متن ── */
  --bg: #F3F5FA;
  --bg-soft: #F6F8FC;
  --surface: #FFFFFF;
  --surface-2: #F6F8FC;
  --surface-3: #EDF0F7;
  --border: #E3E7F0;
  --border-2: #D3D9E6;
  --text: #1D2136;
  --text-2: #525A74;
  --text-3: #68708C;   /* ≈۴٫۵:۱ روی سفید — AA */

  /* ── اکشن ── */
  --brand: var(--navy-700);
  --brand-hover: var(--navy-600);
  --brand-active: var(--navy-800);
  --accent: var(--teal-500);           /* فقط تزئینی: خط، مارکر، رینگ */
  --accent-strong: var(--teal-700);    /* فیروزه متنی/تعاملی */
  --accent-hover: var(--teal-600);
  --accent-soft: var(--teal-100);
  --accent-tint: var(--teal-50);
  --link: var(--teal-700);
  --grad-brand: linear-gradient(135deg, #2B3054, #177E8C 70%, #39B9C8);
  --grad-brand-x: linear-gradient(90deg, #2B3054, #177E8C 70%, #39B9C8);
  --focus-ring: 0 0 0 3px rgba(57,185,200,.35);

  /* ── وضعیت (fill / soft / text) ── */
  --ok: #2E9E6B;      --ok-soft: #E2F5EC;      --ok-text: #1E7A50;
  --warn: #C8861B;    --warn-soft: #FBF1DC;    --warn-text: #8A5E0E;
  --danger: #D6454F;  --danger-soft: #FBE7E9;  --danger-text: #B0353F;
  --info: var(--teal-700); --info-soft: var(--teal-100); --info-text: var(--teal-800);
  --purple: #7C5CD1;  --purple-soft: #EFEAFC;  --purple-text: #6247AB;

  /* ── سایدبار (هویت برند — در هر دو تم سرمه می‌ماند) ── */
  --sb-bg: linear-gradient(180deg, #232848, #2B3054 60%, #262B4E);
  --sb-text: #B9BEDB;
  --sb-text-strong: #EDEFF8;
  --sb-hover-bg: rgba(255,255,255,.06);
  --sb-active-bg: rgba(57,185,200,.14);
  --sb-active-text: #7FD6E0;
  --sb-border: rgba(255,255,255,.08);

  /* ── فاصله (پایه 4px) ── */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.25rem; --sp-6: 1.5rem; --sp-8: 2rem; --sp-10: 2.5rem; --sp-12: 3rem;

  /* ── تایپ (ریشه ۱۶px می‌ماند؛ body = --fs-md) ── */
  --fs-2xs: .6875rem;  /* 11 */
  --fs-xs: .75rem;     /* 12 */
  --fs-sm: .8125rem;   /* 13 */
  --fs-md: .875rem;    /* 14 — پایه UI */
  --fs-lg: 1rem;       /* 16 */
  --fs-xl: 1.125rem;   /* 18 */
  --fs-2xl: 1.375rem;  /* 22 */
  --fs-3xl: 1.75rem;   /* 28 — اعداد آماری */
  --lh-tight: 1.35; --lh-base: 1.7; --lh-loose: 1.9;

  /* ── شعاع / سایه / z / حرکت ── */
  --r-xs: 6px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --r-full: 999px;
  --shadow-1: 0 1px 3px rgba(18,21,42,.07);
  --shadow-2: 0 8px 24px rgba(18,21,42,.12);
  --shadow-3: 0 24px 64px rgba(18,21,42,.28);
  --shadow-accent: 0 4px 16px rgba(57,185,200,.25);
  --z-topbar: 20; --z-sidebar: 30; --z-popover: 60; --z-drawer: 70;
  --z-modal: 80; --z-datepicker: 90; --z-toast: 100;
  --t-fast: 120ms; --t-med: 180ms; --t-slow: 300ms;
  --ease: cubic-bezier(.2,.7,.3,1);

  --sb-w: 248px; --sb-w-min: 64px;
}

/* ── تم تیره — تک‌منبع: فقط توکن‌های معنایی عوض می‌شوند ── */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #12152A;
  --bg-soft: #1E2340;
  --surface: #1A1E3A;
  --surface-2: #222748;
  --surface-3: #2A2F55;
  --border: #2B3055;
  --border-2: #3A4068;
  --text: #E8EAF5;
  --text-2: #A6ACC8;
  --text-3: #838AAC;

  --brand: var(--navy-500);
  --brand-hover: var(--navy-400);
  --brand-active: var(--navy-600);
  --accent-strong: var(--teal-400);
  --accent-hover: var(--teal-300);
  --accent-soft: rgba(57,185,200,.16);
  --accent-tint: rgba(57,185,200,.08);
  --link: var(--teal-400);
  --focus-ring: 0 0 0 3px rgba(57,185,200,.4);

  --ok: #4DBD8C;      --ok-soft: rgba(77,189,140,.15);     --ok-text: #6FD3A6;
  --warn: #E0A83E;    --warn-soft: rgba(224,168,62,.15);   --warn-text: #EBC073;
  --danger: #EF6A6A;  --danger-soft: rgba(239,106,106,.15);--danger-text: #F49090;
  --info: var(--teal-400); --info-soft: rgba(57,185,200,.15); --info-text: var(--teal-300);
  --purple: #A78AE8;  --purple-soft: rgba(167,138,232,.15);--purple-text: #C0ABF1;

  --sb-bg: linear-gradient(180deg, #171B33, #1D2240 60%, #1A1F3C);

  --shadow-1: 0 1px 3px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.5);
  --shadow-3: 0 24px 64px rgba(0,0,0,.65);
}