/* ============================================================
   v2 Design Tokens — پلتفرم معاملات
   تنها منبع حقیقت برای رنگ / فاصله / تایپوگرافی / سایه / شعاع
   همه‌ی صفحات فقط از این متغیرها تغذیه می‌شوند.
   ============================================================ */

/* ---------- فونت: Vazirmatn (لوکال) ---------- */
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Black.ttf') format('truetype');font-weight:900;font-display:swap}

:root{
  /* ---------- سطوح (تیره، ته‌رنگ سردِ خیلی ظریف) ---------- */
  --bg-page:#07090D;        /* پس‌زمینه‌ی صفحه */
  --bg-raised:#0C0F15;      /* سطح بالاتر: تاپ‌بار / سایدبار */
  --bg-card:#11151D;        /* کارت پایه */
  --bg-card-2:#171C26;      /* کارت داخلی / سلول */
  --bg-hover:#1D2330;       /* هاور سطوح */
  --bg-inset:#0A0D12;       /* فرورفته: اینپوت / سگمنت */

  /* ---------- خط و بوردر (بر پایه‌ی آلفا؛ روی هر سطحی کار می‌کند) ---------- */
  --line-1:rgba(255,255,255,.055);
  --line-2:rgba(255,255,255,.10);
  --line-3:rgba(255,255,255,.16);

  /* ---------- گلس (پوسته) و هاور — توکن‌شده برای پشتیبانی تم روشن ---------- */
  --glass-sb:rgba(12,15,21,.86);
  --glass-tb:rgba(7,9,13,.72);
  --glass-bn:rgba(12,15,21,.92);
  --hover:rgba(255,255,255,.045);
  --hover-soft:rgba(255,255,255,.02);

  /* ---------- متن ---------- */
  --ink-1:#F3F5F9;          /* اصلی */
  --ink-2:#B7BFCC;          /* ثانویه */
  --ink-3:#7E8798;          /* کم‌رنگ */
  --ink-4:#525B6B;          /* خاموش */

  /* ---------- برند: طلایی ---------- */
  --gold:#F0B90B;
  --gold-bright:#FFD75E;
  --gold-deep:#C79000;
  --gold-ink:#191300;                        /* متن روی طلایی */
  --gold-grad:linear-gradient(135deg,#FFD75E 0%,#F0B90B 52%,#DA9E02 100%);
  --gold-glow:rgba(240,185,11,.30);
  --gold-04:rgba(240,185,11,.04);
  --gold-08:rgba(240,185,11,.08);
  --gold-12:rgba(240,185,11,.12);
  --gold-25:rgba(240,185,11,.25);
  --gold-45:rgba(240,185,11,.45);

  /* ---------- معنایی: بازار ---------- */
  --up:#0FCE85;   --up-deep:#0AA96C;   --up-12:rgba(15,206,133,.12);   --up-25:rgba(15,206,133,.25);
  --down:#F6465D; --down-deep:#D63850; --down-12:rgba(246,70,93,.12);  --down-25:rgba(246,70,93,.25);

  /* ---------- اکسنت‌های ثانویه (chroma و lightness هماهنگ) ---------- */
  --info:#4C8DFF;   --info-12:rgba(76,141,255,.12);
  --purple:#8B7CFF; --purple-12:rgba(139,124,255,.12);
  --teal:#22C7D5;   --teal-12:rgba(34,199,213,.12);

  /* ---------- تایپوگرافی ---------- */
  --font:'Vazirmatn',system-ui,-apple-system,sans-serif;
  --fs-2xs:11px; --fs-xs:12px; --fs-sm:13px; --fs-md:14px;
  --fs-lg:16px;  --fs-xl:18px; --fs-2xl:22px; --fs-3xl:28px;
  --fs-4xl:38px; --fs-5xl:52px;

  /* ---------- فاصله (پایه ۴) ---------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px;
  --sp-12:48px; --sp-16:64px; --sp-20:80px;

  /* ---------- شعاع ---------- */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-full:999px;

  /* ---------- سایه ---------- */
  --sh-card:0 1px 0 rgba(255,255,255,.03) inset,0 12px 32px -20px rgba(0,0,0,.85);
  --sh-pop:0 1px 0 rgba(255,255,255,.05) inset,0 24px 64px -16px rgba(0,0,0,.7);
  --sh-gold:0 1px 0 rgba(255,255,255,.28) inset,0 8px 24px -8px var(--gold-glow);
  --sh-gold-lg:0 1px 0 rgba(255,255,255,.28) inset,0 14px 40px -10px rgba(240,185,11,.45);

  /* ---------- حرکت ---------- */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-pop:cubic-bezier(.34,1.56,.64,1);
  --t-fast:.15s; --t-med:.22s; --t-slow:.35s;

  /* ---------- ابعاد پوسته ---------- */
  --sb-w:264px;      /* سایدبار باز */
  --sb-rail:74px;    /* سایدبار جمع‌شده */
  --tb-h:60px;       /* تاپ‌بار */
  --bn-h:64px;       /* باتم‌نو موبایل */
  --page-max:1480px;
}

/* ============================================================
   تم روشن — فقط متغیرها override می‌شوند، بقیه‌ی صفحات خودکار تغذیه می‌کنند
   ============================================================ */
html[data-theme="light"]{
  color-scheme:light;

  --bg-page:#EEF1F6;
  --bg-raised:#FFFFFF;
  --bg-card:#FFFFFF;
  --bg-card-2:#F3F5F9;
  --bg-hover:#E7ECF3;
  --bg-inset:#F1F4F9;

  --line-1:rgba(16,22,34,.08);
  --line-2:rgba(16,22,34,.13);
  --line-3:rgba(16,22,34,.22);

  --ink-1:#0F1520;
  --ink-2:#3A4453;
  --ink-3:#657084;
  --ink-4:#98A2B3;

  /* سبز/قرمز کمی عمیق‌تر برای کنتراست روی سفید */
  --up:#0AA96C; --up-deep:#0A9160; --up-12:rgba(10,169,108,.13); --up-25:rgba(10,169,108,.28);
  --down:#E23A50; --down-deep:#C42B41; --down-12:rgba(226,58,80,.12); --down-25:rgba(226,58,80,.26);

  --gold-glow:rgba(240,185,11,.28);

  --sh-card:0 1px 2px rgba(16,22,34,.05),0 12px 28px -18px rgba(16,22,34,.18);
  --sh-pop:0 1px 2px rgba(16,22,34,.07),0 24px 60px -20px rgba(16,22,34,.22);
  --sh-gold:0 1px 0 rgba(255,255,255,.4) inset,0 8px 24px -8px var(--gold-glow);
  --sh-gold-lg:0 1px 0 rgba(255,255,255,.4) inset,0 14px 40px -10px rgba(240,185,11,.4);

  --glass-sb:rgba(255,255,255,.82);
  --glass-tb:rgba(255,255,255,.75);
  --glass-bn:rgba(255,255,255,.9);
  --hover:rgba(16,22,34,.045);
  --hover-soft:rgba(16,22,34,.028);
}