/* ==========================================
   ZESTGAH - GLOBAL VARIABLES & THEME
   برنامه زِستگاه - متغیرهای سراسری
   ========================================== */

:root {
    /* رنگ‌های اصلی برند */
    --primary-color: #8fbc3f;
    /* سبز اصلی */
    --secondary-color: #ff6b35;
    /* نارنجی */
    --accent-color: #00a8cc;
    /* آبی */
    --gold-color: #ffd700;
    /* طلایی */

    /* رنگ‌های پس‌زمینه */
    --dark-bg: #0a0a0a;
    --darker-bg: #0d0d0d;
    --card-bg: rgba(20, 20, 20, 0.95);
    --overlay-bg: rgba(13, 13, 13, 0.95);

    /* رنگ‌های متن */
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-light: #f5f5f5;

    /* رنگ‌های وضعیت */
    --success-color: #00D084;
    --danger-color: #FF4500;
    --warning-color: #FFA500;
    --info-color: #00A8FF;

    /* سایه‌ها و افکت‌ها */
    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
    --glow-primary: 0 0 20px rgba(143, 188, 63, 0.4);
    --glow-gold: 0 0 20px rgba(255, 215, 0, 0.4);

    /* فونت‌ها */
    --font-family: 'Vazirmatn', sans-serif;
    --font-size-base: 16px;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* فاصله‌گذاری */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;

    /* گوشه‌های گرد */
    --radius-sm: 10px;
    --radius-md: 15px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 50px;

    /* انیمیشن‌ها */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.4s ease;
}

/* ==================== GLOBAL STYLES ==================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-family);
    background-color: var(--darker-bg);
    color: var(--text-primary);
    overflow-x: hidden;
    font-size: var(--font-size-base);
    line-height: 1.6;
}

/* ==================== SCROLLBAR ==================== */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--darker-bg);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary-color), var(--accent-color));
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--accent-color), var(--primary-color));
}