/* ============================================================
   design-tokens.css
   منبع واحد رنگ/تایپوگرافی/گلس‌کارت برای کل اپ «رابطه دیجیتال هوشمند»
   مصرف‌کننده‌ها: NezarApp, Palse, Result, Qotbname, Partow, Ramz,
                  Divar, Joone, Roodaroo, Payband
   ============================================================ */

:root{
  /* ---- Surface ---- */
  --bg:#0F0A1F;
  --bg-gradient: linear-gradient(135deg,#0F0A1F 0%,#1A1033 50%,#2D1B4E 100%);

  /* ---- Brand ---- */
  --brand-orange:#E8500A;
  --brand-orange-dark:#C73E0A;
  --brand-navy:#1B3A6B;

  /* ---- Accent ---- */
  --accent-purple:#6C5CE7;
  --accent-purple-light:#A29BFE;
  --accent-green:#2D9B6A;
  --accent-green-dark:#23794F;
  --accent-gold:#C89B3C;

  /* ---- Text ---- */
  --text-primary:#FFFFFF;
  --text-muted:#A0A0B0;

  /* ---- DPTI type colors (هفت تیپ کامل) ---- */
  --type-con:#FF7A00;
  --type-edu:#2563EB;
  --type-ent:#F59E0B;
  --type-thl:#1E3A5F;
  --type-act:#DC2626;
  --type-sup:#16A34A;
  --type-chl:#111827;

  /* ---- Glass card ---- */
  --card-bg: rgba(255,255,255,0.05);
  --card-bg-flat: rgba(255,255,255,0.03);
  --card-blur: 10px;
  --card-border: rgba(255,255,255,0.08);
  --card-radius: 20px;

  /* ---- Shadows / glow ---- */
  --shadow-orange: 0 8px 24px rgba(232,80,10,0.35);
  --shadow-purple: 0 8px 24px rgba(108,92,231,0.35);
  --glow-purple: radial-gradient(circle, rgba(108,92,231,0.15) 0%, transparent 70%);
  --glow-orange: radial-gradient(circle, rgba(232,80,10,0.12) 0%, transparent 70%);
}

*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
body{
  font-family:'Vazirmatn', sans-serif;
  background:var(--bg);
  direction:rtl;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);}
::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:3px;}

@keyframes pulse-ring{0%{transform:scale(1);opacity:.6;}100%{transform:scale(1.4);opacity:0;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes glowPulse{0%,100%{opacity:.4;}50%{opacity:.9;}}
@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}

input,select,textarea{font-size:16px !important;}