/* ==========================================================================
   CanadaParvaz — توکن‌های دیزاین سیستم (مهاجرت‌یافته از دیزاین سیستم بریم دبی،
   با رنگ‌بندی قرمز/سفید کانادا پرواز)
   --------------------------------------------------------------------------
   قانون: هیچ رنگ، فاصله، شعاع، سایه، سایز فونت یا زمان انیمیشنی خارج از این فایل
   hard-code نشود. مقدار جدید لازم شد؟ اول اینجا توکنش را بساز.
   ترتیب اولویت در تضاد: سئو/عملکرد > دسترس‌پذیری > توکن‌ها > زیبایی.
   فونت (Yekan Bakh FaNum) در assets/fonts/yekan-bakh.css جدا enqueue می‌شود.
   ========================================================================== */

:root{
  color-scheme: light;

  /* ---------- پروفایل سایت: قرمز/سفید کانادا پرواز ---------- */
  --brand:       #D80621;                 /* قرمز اصلی (red-600) — کنتراست روی سفید 5.3:1 */
  --brand-ink:   #FFFFFF;                 /* متن روی رنگ برند */
  --brand-text:  #A80419;                 /* قرمز تیره‌تر (red-700) برای لینک/متن — کنتراست 7.8:1 */
  --brand-hover: color-mix(in srgb, var(--brand) 88%, #000);
  --brand-soft:  color-mix(in srgb, var(--brand) 10%, transparent);   /* دکمه‌ی tinted */
  --brand-soft-bd: color-mix(in srgb, var(--brand) 22%, transparent);

  /* رنگ تأکید: کانادا پرواز تک‌هیو است؛ از red-800 برای اکشن‌های ویژه استفاده می‌شود */
  --accent:      #6B0716;                 /* red-800 */
  --accent-ink:  #FFFFFF;
  --accent-text: #6B0716;
  --accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);

  /* ---------- سطوح (پس‌زمینه‌ی اصلی همیشه سفید خالص) ---------- */
  --bg:          #FFFFFF;
  --bg-grouped:  #F5F7FA;                 /* بخش‌های گروه‌بندی‌شده و لیست‌ها */
  --surface:     #FFFFFF;                 /* کارت */
  --surface-2:   #F1F4F9;                 /* چیپ، input، segmented */
  --surface-3:   #E4E9F1;                 /* hover/pressed و اسکلت لودینگ */

  /* ---------- متن ---------- */
  --ink:         #131417;                 /* اصلی — 18:1 */
  --ink-2:       #5B6577;                 /* ثانویه — 5.9:1 (حداقل مجاز برای متن) */
  --ink-3:       #8591A5;                 /* فقط آیکون و متن درشت غیرضروری — 3.2:1 */
  --ink-inverse: #FFFFFF;

  /* ---------- خط و فوکوس ---------- */
  --line:        rgba(19,20,23,.10);
  --line-strong: rgba(19,20,23,.18);
  --focus:       color-mix(in srgb, var(--brand) 55%, transparent);

  /* ---------- وضعیت‌ها (متن و پس‌زمینه‌ی نرم) ---------- */
  --success:     #17803A;  --success-bg: #E7F5EB;
  --warning:     #8A5A00;  --warning-bg: #FFF4D6;
  --danger:      #C81E4B;  --danger-bg:  #FDECF0;      /* 5.6:1 روی سفید */
  --info:        #1E40AF;  --info-bg:    #E8EEFC;
  --telegram:    #229ED9;  --on-media:#FFFFFF;  --black:#000000;   /* تلگرام، متن روی تصویر */

  /* ---------- شیشه ---------- */
  --glass-bg:     rgba(255,255,255,.76);
  --glass-solid:  rgba(255,255,255,.97);   /* fallback بدون blur */
  --glass-border: rgba(19,20,23,.08);
  --glass-blur:   saturate(180%) blur(20px);

  /* ---------- فاصله‌گذاری (مبنای ۴ و ۸) ---------- */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-7:32px; --sp-8:40px; --sp-9:56px; --sp-10:80px; --sp-11:120px;
  --gutter:      clamp(16px, 4vw, 24px);
  --section-gap: clamp(48px, 8vw, 104px);
  --container:      1160px;
  --container-text: 720px;

  /* ---------- شعاع (Apple/App Store) ---------- */
  --r-xs:8px;  --r-sm:12px; --r-md:16px; --r-lg:22px; --r-xl:28px; --r-pill:999px;

  /* ---------- سایه (با ته‌رنگ قرمز برند؛ نه خاکستری خام) ---------- */
  --shadow-1: 0 1px 2px rgba(74,4,15,.04), 0 2px 8px rgba(74,4,15,.05);
  --shadow-2: 0 2px 6px rgba(74,4,15,.05), 0 14px 32px -10px rgba(74,4,15,.14);
  --shadow-3: 0 8px 24px rgba(74,4,15,.08), 0 28px 60px -14px rgba(74,4,15,.22);

  /* ---------- تایپوگرافی ---------- */
  --font: 'Yekan Bakh FaNum', 'IRANSans', 'Segoe UI', Tahoma, sans-serif;
  --fs-caption:12px;  --fs-footnote:13px; --fs-subhead:15px; --fs-callout:16px;
  --fs-body:17px;     --fs-headline:17px; --fs-title3:20px;   --fs-title2:22px;  --fs-title1:28px;
  --fs-large:clamp(26px, 3.6vw, 34px);    /* عنوان بخش (H2) */
  --fs-display:clamp(32px, 5.5vw, 52px);  /* عنوان صفحه (H1) */
  --fs-hero:clamp(36px, 7vw, 68px);       /* فقط hero صفحه‌ی اصلی */
  --lh-body:1.85;  --lh-heading:1.45;  --lh-tight:1.3;
  --ls-heading:0;                         /* فارسی: letter-spacing منفی ممنوع */

  /* ---------- حرکت ---------- */
  --ease-standard:cubic-bezier(.4,0,.2,1);
  --ease-decel:   cubic-bezier(.05,.7,.1,1);
  --ease-out:     cubic-bezier(.22,1,.36,1);
  --ease-spring:  cubic-bezier(.34,1.56,.64,1);
  --t-fast:.15s;  --t-med:.26s;  --t-slow:.5s;

  /* ---------- ابعاد ---------- */
  --header-h:60px;                         /* دسکتاپ ≥۱۰۲۴: ۷۲px (پایین) */
  --tabbar-h:64px;
  --tap:44px;                              /* حداقل ناحیه‌ی لمسی */
  --z-header:50; --z-tabbar:60; --z-sheet:80; --z-toast:90;
}

@media (min-width:1024px){ :root{ --header-h:72px; } }

/* حالت تاریک عمداً غیرفعال است: کانادا پرواز همیشه سفید/روشن بوده (مثل سایت فعلی)،
   و یک مؤلفه‌ی اختصاصی (نقشه‌ی SVG کانادا) روی پس‌زمینه‌ی تیره ناخوانا می‌شد.
   اگر در آینده حالت تاریک واقعی خواستید، دوباره با تست کامل روی همه‌ی بخش‌ها اضافه کنید. */