:root {
    /* Typography */
    --font-primary: 'Bai Jamjuree', system-ui, sans-serif;
    --font-rtl: 'Vazirmatn', system-ui, sans-serif;

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    /* Layout */
    --header-height: 48px;
    --bottom-nav-height: 48px;

    /* ==================== MAIN COLORS ==================== */
    
    /* Navy Blue Family */
    --navy-950: #020617;        /* خیلی تیره - Background اصلی */
    --navy-900: #0B0F14;        /* Background اصلی اپ */
    --navy-800: #151A22;        /* Surface / Card / Header */
    --navy-700: #1E2937;        /* Hover و المان‌های ثانویه */

    /* Silver / Metallic Family */
    --silver-100: #F8FAFC;
    --silver-200: #E2E8F0;
    --silver-300: #CBD5E1;
    --silver-400: #94A3B8;
    --silver-500: #64748B;

    /* Glass Effect */
    --glass-bg: rgba(15, 23, 42, 0.72);           /* اصلی */
    --glass-bg-light: rgba(15, 23, 42, 0.55);
    --glass-border: rgba(226, 232, 240, 0.18);
    --glass-highlight: rgba(241, 245, 249, 0.12);

    /* Text */
    --text-primary: #F8FAFC;
    --text-secondary: #CBD5E1;
    --text-muted: #94A3B8;

    /* Accent */
    --accent: #2563EB;       /* آبی روشن برای هایلایت */
    --accent-hover: #93C5FD;

    /* Shadow */
    --shadow-sm: 0 8px 25px -10px rgba(2, 6, 23, 0.5);
    --shadow-md: 0 20px 40px -15px rgba(2, 6, 23, 0.6);
    
    --metallic-border: rgba(255,255,255,0.08);
    --metallic-highlight: rgba(255,255,255,0.04);
}