/* =============================================
   Khabco — CSS Variables (متغیرهای پایه)
   فایل: assets/css/variables.css
   فراخوانی: functions.php (همه صفحات)
   ============================================= */

:root {
    /* ── رنگ اصلی (تیل) ── */
    --c-primary:        #0f4f59;
    --c-primary-dark:   #0a3840;
    --c-primary-xdark:  #061e22;
    --c-primary-light:  #05BFDB;
    --c-primary-soft:   #eaf6f8;

    /* ── طلایی ── */
    --c-gold:           #c9a84c;
    --c-gold-light:     #e8c96a;

    /* ── رنگ‌های خنثی ── */
    --c-dark:           #071a1e;
    --c-dark-2:         #0a2429;
    --c-dark-3:         #0d2e34;
    --c-text:           #1a2e32;
    --c-muted:          #6b8a90;
    --c-white:          #ffffff;
    --c-off-white:      #f5f9fa;
    --c-bg-soft:        #eaf4f6;
    --c-gray-700:       #374151;

    /* ── بوردر ── */
    --c-border:         #dde8ea;
    --c-border-light:   #e8f0f2;
    /* بوردر فوتر (روی پس‌زمینه تاریک) */
    --c-border-dark:    rgba(255,255,255,.07);

    /* ── متن روی پس‌زمینه تاریک ── */
    --c-text-dim:       rgba(255,255,255,.45);
    --c-text-soft:      rgba(255,255,255,.7);

    /* ── وضعیت ── */
    --c-success:        #16a34a;
    --c-danger:         #dc2626;
    --c-warning:        #f59e0b;

    /* ── فونت ── */
    --font:             'iransansxv', 'iransansx', Tahoma, sans-serif;

    /* ── فاصله ── */
    --sp-xs:    4px;
    --sp-sm:    8px;
    --sp-md:    16px;
    --sp-lg:    24px;
    --sp-xl:    40px;
    --sp-2xl:   64px;

    /* ── رادیوس ── */
    --r-sm:     8px;
    --r-md:     12px;
    --r-lg:     18px;
    --r-xl:     24px;
    --r-full:   9999px;

    /* ── سایه ── */
    --shadow-sm:  0 2px 8px  rgba(15,79,89,.08);
    --shadow-md:  0 4px 16px rgba(15,79,89,.12);
    --shadow-lg:  0 8px 32px rgba(15,79,89,.18);

    /* ── ترانزیشن ── */
    --trans-fast: .15s ease;
    --trans-base: .22s ease;
    --trans-slow: .35s ease;

    /* ── کانتینر ── */
    --container:        1320px;
    --container-pad:    24px;

    /* ── هدر / فوتر موبایل ── */
    --bottom-h:         64px;
}