/* ==========================================================================
   TopSite - Typography & Font Declarations
   Path: public/assets/css/variables.css
   ========================================================================== */

/* ۱. فونت پیش‌فرض: دانا (Dana - WOFF2) */
@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ۲. فونت دوم: ایران‌یکان (IRANYekan - WOFF) */
@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/iranyekanwebregular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/iranyekanwebmedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANYekan';
    src: url('../fonts/iranyekanwebbold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ۳. کلمه (Kalameh - مخصوص تیترهای بزرگ) */
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/Kalameh_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ۴. پینار (Pinar) */
@font-face {
    font-family: 'Pinar';
    src: url('../fonts/Pinar-DS1-FD.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ۵. وزیر (Vazir) */
@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('../fonts/Vazir-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   TopSite - Cosmic Typography & Hierarchy System
   Path: public/assets/css/variables.css
   ========================================================================== */

/* ۱. تعریف فونت اصلی بدنه و UI (دانا) */
@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Dana';
    src: url('../fonts/dana-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ۲. تعریف فونت تیترهای شاخص (کلمه) */
@font-face {
    font-family: 'Kalameh';
    src: url('../fonts/Kalameh_Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root {
    /* رنگ‌های تم کیهانی (بدون تغییر) */
    --ts-cosmic-bg: rgba(10, 15, 44, 0.75);
    --ts-cosmic-border: rgba(138, 43, 226, 0.35);
    --ts-cosmic-glow: rgba(0, 255, 255, 0.25);
    --ts-neon-cyan: #00ffff;
    --ts-neon-purple: #8a2be2;
    --ts-neon-pink: #d946ef;
    --ts-gold: #ffd700;
    --ts-text-main: #f8fafc;
    --ts-text-muted: #94a3b8;

    /* 🌟 سیستم تایپوگرافی کامل و تفکیک‌شده 🌟 */

    /* فونت بدنه: دانا برای خوانایی عالی متون طولانی */
    --ts-font-base: 'Dana', system-ui, -apple-system, sans-serif;

    /* تیترهای نمایشی درشت: کلمه (مثل عنوان سایت تو هدر) */
    --ts-font-display: 'Kalameh', 'Dana', sans-serif;

    /* تیترهای داخلی و فرم‌ها: ایران‌یکان برای حالت رسمی‌تر و مدرن */
    --ts-font-heading: 'IRANYekan', 'Dana', sans-serif;

    /* عناصر UI، دکمه‌ها و اعداد: پینار (چون اعدادش بسیار زیبا و یکدست می‌نشیند) */
    --ts-font-ui: 'Pinar', 'Dana', sans-serif;

    /* فونت جایگزین: وزیر (برای کدها، تگ‌ها یا بخش‌های خاص) */
    --ts-font-alt: 'Vazir', sans-serif;

    /* تناسب ارتفاع خطوط متون فارسی */
    --ts-lh-tight: 1.35;
    --ts-lh-normal: 1.6;
    --ts-lh-loose: 1.85;
}