/* tokens.css — توکن‌های طراحی داشبورد v2 (تیره پیش‌فرض / روشن با data-theme).
   ⚠️ پالت CAT8 و رنگ‌های احساس باید با charts/theme.py سرور یکی بمانند. */

@font-face{font-family:EstedadFD;src:url('../../fonts/Estedad-FD-Regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:EstedadFD;src:url('../../fonts/Estedad-FD-Medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:EstedadFD;src:url('../../fonts/Estedad-FD-SemiBold.ttf');font-weight:600;font-display:swap}
@font-face{font-family:EstedadFD;src:url('../../fonts/Estedad-FD-Bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:EstedadFD;src:url('../../fonts/Estedad-FD-Black.ttf');font-weight:900;font-display:swap}

:root{
  /* برند */
  --brand:#35C3D3;
  --brand-deep:#1E8E9C;
  /* پالت دسته‌ای نمودار — ۸ رنگ (همان charts/theme.py) */
  --c1:#35C3D3; --c2:#8B93FF; --c3:#F2B33D; --c4:#F26B8A;
  --c5:#4CC38A; --c6:#C084FC; --c7:#EF8354; --c8:#5EA9F5;
  --pos:#4CC38A; --neg:#F26B6B; --neu:#8A93B2;
  /* تایپوگرافی */
  --font:EstedadFD,Tahoma,sans-serif;
  --fs-2xs:10.5px; --fs-xs:11.5px; --fs-sm:12.5px; --fs-md:14px;
  --fs-lg:16px; --fs-xl:20px; --fs-2xl:26px; --fs-kpi:30px;
  /* فاصله و فرم */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --r-sm:10px; --r-md:14px; --r-lg:18px;
  --sidebar-w:228px; --sidebar-w-min:64px; --topbar-h:58px;
}

[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B1020;
  --bg-grad:radial-gradient(1100px 560px at 85% -10%, rgba(53,195,211,.09), transparent),
            radial-gradient(900px 500px at -10% 110%, rgba(139,147,255,.06), transparent);
  --surface:#121A2E;
  --surface-2:#1A2440;
  --line:#232E4D;
  --ink:#E8ECF8; --ink-2:#AAB3D0; --mut:#6E7899;
  --grid:#1C2846;
  --shadow:0 4px 24px rgba(0,0,0,.35);
  --glass:rgba(18,26,46,.72);
  --kpi-glow:0 0 34px rgba(53,195,211,.10);
  --hover:rgba(53,195,211,.08);
}

[data-theme="light"]{
  color-scheme:light;
  --bg:#F3F5FA;
  --bg-grad:none;
  --surface:#FFFFFF;
  --surface-2:#F7F9FD;
  --line:#E6EAF4;
  --ink:#1C2340; --ink-2:#4A5378; --mut:#8A92AE;
  --grid:#ECEFF6;
  --shadow:0 2px 12px rgba(30,40,84,.07);
  --glass:rgba(255,255,255,.82);
  --kpi-glow:none;
  --hover:rgba(53,195,211,.10);
}