/*@version 3.0.2*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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