/*
Theme Name: Tutivar - Astra Child
Theme URI: https://tutivar.ir
Description: پوسته فرزند اختصاصی و مدرن آسترا برای پلتفرم آموزش زبان توتیوار (Tutivar) با تجربه کاربری تعاملی، استایل‌های گیمیفای‌شده و پشتیبانی کامل از استاندارد آموزشی telc.
Author: تیم فنی توتیوار
Author URI: https://tutivar.ir
Template: astra
Version: 2.0.0
Text Domain: tutivar-child
*/

/* ==========================================================================
   1. Local Webfonts (Vazirmatn)
   ========================================================================== */
@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('assets/fonts/Vazirmatn-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* ==========================================================================
   2. Design Tokens & CSS Custom Properties
   ========================================================================== */
:root {
    /* Brand Palette */
    --tutivar-primary: #10B981;
    --tutivar-primary-dark: #059669;
    --tutivar-primary-light: #ECFDF5;
    --tutivar-primary-border: #A7F3D0;

    --tutivar-secondary: #6366F1;
    --tutivar-secondary-dark: #4F46E5;
    --tutivar-secondary-light: #EEF2FF;

    --tutivar-accent: #F59E0B;
    --tutivar-accent-dark: #D97706;
    --tutivar-accent-light: #FEF3C7;

    /* German Gender Colors */
    --tutivar-der: #2563EB;   /* Masculine (Blue) */
    --tutivar-der-bg: #EFF6FF;
    --tutivar-die: #DC2626;   /* Feminine (Red) */
    --tutivar-die-bg: #FEF2F2;
    --tutivar-das: #059669;   /* Neuter (Green) */
    --tutivar-das-bg: #ECFDF5;
    --tutivar-plural: #D97706; /* Plural (Orange/Amber) */
    --tutivar-plural-bg: #FFFBEB;

    /* Neutral & Backgrounds */
    --tutivar-bg: #F8FAFC;
    --tutivar-card-bg: #FFFFFF;
    --tutivar-text-main: #1E293B;
    --tutivar-text-muted: #64748B;
    --tutivar-border: #E2E8F0;
    --tutivar-border-hover: #CBD5E1;

    /* Typography */
    --tutivar-font-persian: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --tutivar-font-latin: 'Segoe UI', system-ui, -apple-system, Roboto, sans-serif;

    /* Shadows & Border Radius */
    --tutivar-radius-sm: 8px;
    --tutivar-radius-md: 14px;
    --tutivar-radius-lg: 20px;
    --tutivar-radius-full: 9999px;

    --tutivar-shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);
    --tutivar-shadow-md: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
    --tutivar-shadow-lg: 0 20px 35px -10px rgba(15, 23, 42, 0.1);
    --tutivar-shadow-button: 0 4px 0 var(--tutivar-primary-dark);
}

/* ==========================================================================
   3. Global Typography & Baseline RTL Fixes
   ========================================================================== */
body, 
input, 
button, 
select, 
textarea {
    font-family: var(--tutivar-font-persian) !important;
}

.tutivar-ltr,
.tutivar-german-text,
.tutivar-code {
    direction: ltr !important;
    text-align: left !important;
    font-family: var(--tutivar-font-latin);
}

.tutivar-rtl {
    direction: rtl !important;
    text-align: right !important;
}