/* ═══ Design Tokens — Megra ═══ */
:root {
  /* پایه — آرامش شفاف */
  --mg-bg:         #0a1a1f;
  --mg-bg-2:       #0f252d;
  --mg-bg-3:       #14303a;
  --mg-surface:    rgba(20, 48, 58, .55);
  --mg-surface-2:  rgba(255, 255, 255, .04);
  --mg-border:     rgba(176, 219, 232, .12);
  --mg-border-2:   rgba(176, 219, 232, .22);

  /* متن */
  --mg-text:       #e0f2f1;
  --mg-text-soft:  rgba(224, 242, 241, .82);
  --mg-text-dim:   rgba(224, 242, 241, .58);
  --mg-text-mute:  rgba(224, 242, 241, .38);

  /* امضا — Aqua مُرجان + Coral گرم */
  --mg-aqua:       #4dd0e1;
  --mg-cyan:       #26c6da;
  --mg-coral:      #ff8a65;
  --mg-amber:      #ffd54f;
  --mg-violet:     #7e57c2;
  --mg-mint:       #69f0ae;
  --mg-red:        #ef5350;   /* سطح خطر «بسیار بالا» (severe) */

  /* گرادیان‌ها */
  --mg-grad-brand:  linear-gradient(135deg, #4dd0e1 0%, #7e57c2 52%, #ff8a65 100%);
  --mg-grad-aqua:   linear-gradient(135deg, #4dd0e1, #26c6da);
  --mg-grad-coral:  linear-gradient(135deg, #ff8a65, #ffd54f);
  --mg-grad-red:    linear-gradient(135deg, #ef5350, #ff8a65);
  --mg-grad-mint:   linear-gradient(135deg, #69f0ae, #4dd0e1);
  --mg-grad-violet: linear-gradient(135deg, #7e57c2, #4dd0e1);
  --mg-grad-deep:   linear-gradient(160deg, #0a1a1f 0%, #0f252d 60%, #061014 100%);
  --mg-grad-mesh:   radial-gradient(38% 38% at 18% 22%, rgba(77,208,225,.34), transparent 60%),
                     radial-gradient(42% 42% at 84% 12%, rgba(126,87,194,.28), transparent 60%),
                     radial-gradient(46% 46% at 78% 82%, rgba(255,138,101,.22), transparent 62%);

  /* هاله‌ها */
  --mg-glow-aqua:   rgba(77, 208, 225, .50);
  --mg-glow-coral:  rgba(255, 138, 101, .45);
  --mg-glow-violet: rgba(126, 87, 194, .45);
  --mg-glow-red:    rgba(239, 83, 80, .45);
  --mg-glow-mint:   rgba(105, 240, 174, .40);

  /* تایپوگرافی */
  --mg-font:      'Vazirmatn', 'Tahoma', 'Segoe UI', system-ui, sans-serif;
  --mg-font-display: 'Vazirmatn', system-ui, sans-serif;
  --mg-fw-normal: 400;
  --mg-fw-medium: 500;
  --mg-fw-bold:   700;
  --mg-fw-black:  900;

  /* شعاع و فاصله */
  --mg-r-sm: 10px;
  --mg-r:    16px;
  --mg-r-lg: 22px;
  --mg-r-xl: 30px;
  --mg-r-pill: 999px;

  /* سایه‌ها */
  --mg-shadow:      0 24px 60px -24px rgba(0, 0, 0, .85);
  --mg-shadow-aqua: 0 24px 70px -22px rgba(77, 208, 225, .40);

  /* شیشه */
  --mg-glass:        rgba(10, 26, 31, .60);
  --mg-glass-strong: rgba(10, 26, 31, .82);
  --mg-blur: blur(20px);

  /* چیدمان */
  --mg-maxw: 1200px;
  --mg-nav-h: 68px;
  --mg-bottom-nav-h: 66px;

  /* لایه‌بندی (z-index scale) */
  --mg-z-app: 500;
  --mg-z-sheet: 600;
  --mg-z-overlay: 700;
  --mg-z-toast: 800;
}