/**
 * سیستم تایپوگرافی — مراقبت از سالمند
 * ─────────────────────────────────────
 * Vazirmatn  → متن، فرم، چت، جدول (خوانایی بالا برای سالمندان)
 * Estedad    → عناوین، سربرگ‌ها، کارت‌ها (سلسله‌مراتب بصری)
 * Rubik      → ساعت، دما، اعداد، زمان (خوانایی عددی)
 *
 * منبع: Google Fonts — رایگان، بدون ثبت‌نام (OFL License)
 */

@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800&family=Rubik:wght@400;500;600;700&family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
@import url('page-header.css');
@import url('brand-logo.css');

:root {
    --font-body:    'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
    --font-heading: 'Estedad', 'Vazirmatn', sans-serif;
    --font-numeric: 'Rubik', 'Vazirmatn', sans-serif;
    --font-ui:      'Vazirmatn', 'Segoe UI', Tahoma, sans-serif;
}

/* ─── پایه ─── */
body {
    font-family: var(--font-body);
}

button,
input,
select,
textarea,
.btn,
label {
    font-family: var(--font-ui);
}

/* ─── عناوین و سربرگ‌ها ─── */
h1, h2, h3, h4, h5, h6,
.site-page-header .brand-title,
.page-header h1,
.page-header h2,
.page-header .brand-title,
.brand-title,
.form-title,
.section-title,
.card-header-custom,
.status-title,
.setup-panel h2,
.setup-panel h3,
.censor-header h3,
.news-genre-header,
.news-title,
.modal-title,
.analysis-news-title,
.voice-subtitle-message,
.vnc-title,
.chat-header h2,
.chat-header h3,
.site-page-header .header-clock-display,
.messenger-header h2,
.profile-card h2,
.info-card h3,
.weather-card h3,
.prayer-card h3,
.empty-state h3,
.navbar-brand-text,
.nav-drawer-title {
    font-family: var(--font-heading);
}

/* ─── اعداد، ساعت، داده ─── */
.time-section,
.clock-display,
.live-clock-header .clock-display,
#liveClock,
.datetime-bar .time-section,
.prayer-time-value,
.prayer-time-item .time,
.weather-temp,
.weather-temperature,
.timeline-time,
input[type="time"],
input[type="number"],
.med-time,
.font-numeric,
[dir="ltr"] {
    font-family: var(--font-numeric);
    font-variant-numeric: tabular-nums;
}

/* ─── چت و پیام ─── */
.message-content,
.chat-message,
.chat-bubble,
.bot-message,
.user-message,
.timeline-label,
.news-summary,
.analysis-content {
    font-family: var(--font-body);
    line-height: 1.75;
}

/* ─── جدول ─── */
table,
.table,
th,
td {
    font-family: var(--font-body);
}

table thead th {
    font-family: var(--font-heading);
    font-weight: 600;
}