/* ---------------------------------------------------------------
   میهن اد — توکن‌های طراحی
   پالت روشن و حرفه‌ای؛ همه‌ی رنگ‌ها از اینجا مشتق می‌شوند.
   --------------------------------------------------------------- */
:root {
  /* برند — قرمز شاخص، هویت اصلی سایت */
  --brand-50:  #FFF1F2;
  --brand-100: #FFE1E4;
  --brand-200: #FFC7CD;
  --brand-300: #FF9AA5;
  --brand:     #EE1B36;
  --brand-600: #D50F28;
  --brand-700: #AE0A1F;

  /* اکسنت — سرمه‌ای عمیق برای تضاد و عناصر داده‌محور */
  --accent-50:  #EEF2FF;
  --accent-100: #E0E7FF;
  --accent:     #1E3A8A;
  --accent-600: #172F6E;
  --accent-700: #122457;

  /* وضعیت */
  --success-50: #ECFDF5;
  --success:    #16A34A;
  --warning-50: #FFFBEB;
  --warning:    #F59E0B;
  --danger-50:  #FEF2F2;
  --danger:     #DC2626;
  --info-50:    #ECFEFF;
  --info:       #0891B2;

  /* خنثی */
  --ink:      #0F172A;
  --ink-soft: #334155;
  --muted:    #64748B;
  --muted-2:  #94A3B8;
  --bg:       #FFFFFF;
  --surface:  #F7F7FC;
  --surface-2:#EFEFF7;
  --border:   #E8E8F0;
  --border-2: #D2D2E0;

  /* گرادیان‌ها */
  --grad-brand: linear-gradient(135deg, #EE1B36 0%, #FF6B4A 100%);
  --grad-accent: linear-gradient(135deg, #1E3A8A 0%, #3B82F6 100%);
  --grad-soft:  linear-gradient(180deg, #F7F7FC 0%, #FFFFFF 100%);
  --grad-hero:  radial-gradient(900px 520px at 88% -12%, #FFE1E4 0%, rgba(255,225,228,0) 62%),
                radial-gradient(760px 420px at 2% 4%, #EEF2FF 0%, rgba(238,242,255,0) 58%);

  /* شعاع */
  --r-sm: 10px;
  --r:    16px;
  --r-lg: 22px;
  --r-xl: 30px;
  --r-full: 999px;

  /* سایه — نرم و کم‌کنتراست */
  --sh-xs: 0 1px 2px rgba(15,23,42,.05);
  --sh-sm: 0 2px 8px rgba(15,23,42,.06);
  --sh:    0 6px 20px rgba(15,23,42,.07);
  --sh-lg: 0 18px 45px rgba(15,23,42,.10);
  --sh-brand: 0 12px 28px rgba(238,27,54,.32);
  --sh-accent: 0 12px 28px rgba(30,58,138,.24);

  /* فاصله‌گذاری */
  --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; --sp-24: 96px;

  /* چیدمان */
  --container: 1200px;
  --container-wide: 1360px;
  --header-h: 76px;

  /* تایپوگرافی */
  --font: "Vazirmatn", "IRANSans", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
  --fs-xs: .8125rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 3rem;

  --ease: cubic-bezier(.4, 0, .2, 1);
  --t: .2s var(--ease);
}