/* ------------------------------------------------
   Vira Tools Typography
   Scoped typography system for Vira Tools admin pages
   نسخه نهایی - بدون تداخل با کامپوننت‌ها
------------------------------------------------ */

/* -----------------------------
   IRANSans Font
----------------------------- */

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/IRANSansWeb_Black.woff2') format('woff2'),
         url('../fonts/IRANSansWeb_Black.woff') format('woff');
}

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

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

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/IRANSansWeb.woff2') format('woff2'),
         url('../fonts/IRANSansWeb.woff') format('woff');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/IRANSansWeb_Light.woff2') format('woff2'),
         url('../fonts/IRANSansWeb_Light.woff') format('woff');
}

@font-face {
    font-family: 'IRANSans';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('../fonts/IRANSansWeb_UltraLight.woff2') format('woff2'),
         url('../fonts/IRANSansWeb_UltraLight.woff') format('woff');
}

/* -----------------------------
   Typography Tokens
----------------------------- */

.vira-tools-wrap {
    --vira-tools-font-family: 'IRANSans', Tahoma, Arial, sans-serif;

    --vira-tools-text-color: #1e293b;
    --vira-tools-text-muted: #64748b;
    --vira-tools-text-light: #94a3b8;

    --vira-tools-line-height: 1.7;
    --vira-tools-heading-line-height: 1.3;

    --vira-tools-font-size-xs: 11px;
    --vira-tools-font-size-sm: 12px;
    --vira-tools-font-size-base: 13px;
    --vira-tools-font-size-md: 14px;
    --vira-tools-font-size-lg: 15px;
    --vira-tools-font-size-xl: 18px;
    --vira-tools-font-size-2xl: 21px;

    --vira-tools-font-weight-light: 300;
    --vira-tools-font-weight-regular: 400;
    --vira-tools-font-weight-medium: 500;
    --vira-tools-font-weight-bold: 700;
    --vira-tools-font-weight-black: 900;

    font-family: var(--vira-tools-font-family);
    color: var(--vira-tools-text-color);
    font-size: var(--vira-tools-font-size-base);
    line-height: var(--vira-tools-line-height);
}

/* -----------------------------
   Base Text (فقط برای المان‌های بدون کلاس)
----------------------------- */

.vira-tools-wrap,
.vira-tools-wrap p,
.vira-tools-wrap label,
.vira-tools-wrap li,
.vira-tools-wrap strong,
.vira-tools-wrap b,
.vira-tools-wrap small {
    font-family: var(--vira-tools-font-family);
}

.vira-tools-wrap p,
.vira-tools-wrap label,
.vira-tools-wrap li,
.vira-tools-wrap strong,
.vira-tools-wrap b,
.vira-tools-wrap small {
    line-height: var(--vira-tools-line-height);
    color: var(--vira-tools-text-color);
}

.vira-tools-wrap p {
    margin: 0 0 10px;
}

/* -----------------------------
   Headings
----------------------------- */

.vira-tools-wrap h1,
.vira-tools-wrap h2,
.vira-tools-wrap h3,
.vira-tools-wrap h4,
.vira-tools-wrap h5,
.vira-tools-wrap h6 {
    font-family: var(--vira-tools-font-family);
    font-weight: var(--vira-tools-font-weight-bold);
    color: var(--vira-tools-text-color);
    line-height: var(--vira-tools-heading-line-height);
    margin: 0 0 8px;
}

.vira-tools-wrap h1 { font-size: var(--vira-tools-font-size-2xl); }
.vira-tools-wrap h2 { font-size: var(--vira-tools-font-size-xl); }
.vira-tools-wrap h3 { font-size: var(--vira-tools-font-size-lg); }
.vira-tools-wrap h4 { font-size: var(--vira-tools-font-size-md); font-weight: var(--vira-tools-font-weight-medium); }
.vira-tools-wrap h5 { font-size: var(--vira-tools-font-size-base); font-weight: var(--vira-tools-font-weight-medium); }
.vira-tools-wrap h6 { font-size: var(--vira-tools-font-size-sm); font-weight: var(--vira-tools-font-weight-medium); }

/* -----------------------------
   Links (فقط برای لینک‌های واقعی که href دارند)
----------------------------- */

.vira-tools-wrap a[href]:not([class]) {
    color: #2563eb;
    text-decoration: none;
    transition: color 0.15s ease;
}

.vira-tools-wrap a[href]:not([class]):hover,
.vira-tools-wrap a[href]:not([class]):focus {
    color: #1d4ed8;
    text-decoration: underline;
}

/* -----------------------------
   Inputs (فقط برای عناصر بدون کلاس)
----------------------------- */

.vira-tools-wrap input:not([class]),
.vira-tools-wrap textarea:not([class]),
.vira-tools-wrap select:not([class]) {
    font-family: var(--vira-tools-font-family);
    font-size: var(--vira-tools-font-size-base);
    color: var(--vira-tools-text-color);
}

.vira-tools-wrap input:not([class])::placeholder,
.vira-tools-wrap textarea:not([class])::placeholder {
    color: var(--vira-tools-text-light);
}

/* -----------------------------
   Muted / Description Text
----------------------------- */

.vira-tools-wrap .vira-tools-text-muted,
.vira-tools-wrap .description {
    color: var(--vira-tools-text-muted);
    font-size: var(--vira-tools-font-size-sm);
    line-height: 1.6;
}

.vira-tools-wrap .description {
    margin-top: 4px;
}

/* -----------------------------
   Small Text
----------------------------- */

.vira-tools-wrap small,
.vira-tools-wrap .vira-tools-text-small {
    font-size: var(--vira-tools-font-size-xs);
    line-height: 1.6;
}

/* -----------------------------
   Strong Text
----------------------------- */

.vira-tools-wrap strong,
.vira-tools-wrap b {
    font-weight: var(--vira-tools-font-weight-bold);
}

/* -----------------------------
   Code / Monospace
----------------------------- */

.vira-tools-wrap code,
.vira-tools-wrap pre,
.vira-tools-wrap kbd {
    font-family: Consolas, Monaco, 'Courier New', monospace;
}

.vira-tools-wrap code {
    font-size: 12px;
}