/* =========================================================
   Vira Design Tokens v3.0
   ترکیب شده از: Vira Design System + iOS Glass Extension
   شامل: رنگ‌ها، سایه‌ها، فواصل، زوایا، گلس و حالت تاریک
   ========================================================= */

:root {
    /* ========================================
       Core Design Tokens (از فایل اصلی)
       ======================================== */

    /* === Primary Colors === */
    --vira-primary: #3b82f6;
    --vira-primary-hover: #2563eb;
    --vira-primary-dark: #1d4ed8;
    --vira-primary-light: #60a5fa;
    --vira-primary-50: #eff6ff;
    --vira-primary-100: #dbeafe;

    --vira-indigo: #6366f1;
    --vira-indigo-hover: #4f46e5;
    --vira-violet: #8b5cf6;
    --vira-cyan: #06b6d4;
    --vira-cyan-light: #22d3ee;

    /* === Semantic Colors === */
    --vira-success: #10b981;
    --vira-success-light: #34d399;
    --vira-success-50: #ecfdf5;
    --vira-danger: #ef4444;
    --vira-danger-light: #f87171;
    --vira-danger-50: #fef2f2;
    --vira-warning: #f59e0b;
    --vira-warning-light: #fbbf24;
    --vira-warning-50: #fffbeb;
    --vira-info: #0ea5e9;
    --vira-info-light: #38bdf8;
    --vira-muted: #64748b;
    --vira-muted-light: #94a3b8;

    /* === Neutral Grays === */
    --vira-gray-50: #f9fafb;
    --vira-gray-100: #f3f4f6;
    --vira-gray-200: #e5e7eb;
    --vira-gray-300: #d1d5db;
    --vira-gray-400: #9ca3af;
    --vira-gray-500: #6b7280;
    --vira-gray-600: #4b5563;
    --vira-gray-700: #374151;
    --vira-gray-800: #1f2937;
    --vira-gray-900: #111827;

    /* === Surfaces & Text === */
    --vira-bg: var(--vira-gray-50);
    --vira-surface: #ffffff;
    --vira-surface-raised: #f8fafc;
    --vira-surface-overlay: rgba(0, 0, 0, 0.4);
    --vira-text: var(--vira-gray-900);
    --vira-text-soft: var(--vira-gray-600);
    --vira-text-muted: var(--vira-gray-400);
    --vira-border: var(--vira-gray-200);
    --vira-border-strong: var(--vira-gray-300);
    --vira-divider: var(--vira-gray-200);

    /* === Gradients === */
    --vira-gradient-primary: linear-gradient(135deg, #3b82f6, #6366f1);
    --vira-gradient-violet: linear-gradient(135deg, #8b5cf6, #6366f1);
    --vira-gradient-emerald: linear-gradient(135deg, #10b981, #34d399);
    --vira-gradient-sunset: linear-gradient(135deg, #f59e0b, #ef4444);
    --vira-gradient-ocean: linear-gradient(135deg, #06b6d4, #3b82f6);
    --vira-gradient-mesh: radial-gradient(at 40% 20%, #6366f1 0px, transparent 50%),
                           radial-gradient(at 80% 0%, #06b6d4 0px, transparent 50%),
                           radial-gradient(at 0% 50%, #3b82f6 0px, transparent 50%),
                           radial-gradient(at 80% 50%, #10b981 0px, transparent 50%),
                           radial-gradient(at 0% 100%, #8b5cf6 0px, transparent 50%),
                           radial-gradient(at 80% 100%, #f59e0b 0px, transparent 50%);

    /* === Shadows (5 Levels) === */
    --vira-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);
    --vira-shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);
    --vira-shadow-md: 0 8px 16px rgba(0, 0, 0, .08);
    --vira-shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);
    --vira-shadow-xl: 0 32px 64px rgba(0, 0, 0, .16);
    --vira-shadow-2xl: 0 40px 80px rgba(0, 0, 0, .2);
    --vira-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);
    --vira-shadow-glow-primary: 0 0 20px rgba(59, 130, 246, .3);
    --vira-shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);
    --vira-shadow-glow-danger: 0 0 20px rgba(239, 68, 68, .3);
    --vira-shadow-colored: 0 8px 24px rgba(59, 130, 246, .15);

    /* === Radii === */
    --vira-radius-xs: 4px;
    --vira-radius-sm: 6px;
    --vira-radius-md: 10px;
    --vira-radius-lg: 16px;
    --vira-radius-xl: 20px;
    --vira-radius-2xl: 24px;
    --vira-radius-full: 999px;

    /* === Spacing === */
    --vira-space-0: 0;
    --vira-space-1: 4px;
    --vira-space-2: 8px;
    --vira-space-3: 12px;
    --vira-space-4: 16px;
    --vira-space-5: 24px;
    --vira-space-6: 32px;
    --vira-space-7: 40px;
    --vira-space-8: 48px;
    --vira-space-9: 64px;
    --vira-space-10: 80px;

    /* === Transitions === */
    --vira-transition-fast: 120ms ease;
    --vira-transition: 200ms ease;
    --vira-transition-slow: 300ms ease;
    --vira-transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
    --vira-ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);

    /* === Z-Index === */
    --vira-z-dropdown: 100;
    --vira-z-sticky: 200;
    --vira-z-modal-backdrop: 300;
    --vira-z-modal: 400;
    --vira-z-popover: 500;
    --vira-z-tooltip: 600;
    --vira-z-toast: 700;

    /* === Glass Tokens (اصلی) === */
    --vira-glass-blur: 28px;
    --vira-glass-blur-strong: 40px;
    --vira-glass-surface: rgba(255, 255, 255, .62);
    --vira-glass-surface-strong: rgba(255, 255, 255, .78);
    --vira-glass-surface-subtle: rgba(255, 255, 255, .45);
    --vira-glass-border: rgba(255, 255, 255, .45);
    --vira-glass-highlight: rgba(255, 255, 255, .70);
    --vira-glass-shadow: 0 24px 48px rgba(15, 23, 42, .12);
    --vira-glass-saturate: 180%;

    /* ========================================
       iOS Glass Tokens (از فایل iOS Extension)
       ======================================== */

    /* === iOS Glass Material === */
    --vira-ios-glass-blur: 40px;
    --vira-ios-glass-blur-heavy: 60px;
    --vira-ios-glass-blur-light: 28px;

    /* === iOS Glass Surfaces === */
    --vira-ios-glass-bg: rgba(255, 255, 255, 0.22);
    --vira-ios-glass-bg-strong: rgba(255, 255, 255, 0.35);
    --vira-ios-glass-bg-subtle: rgba(255, 255, 255, 0.12);

    /* === iOS Glass Borders === */
    --vira-ios-glass-border: rgba(255, 255, 255, 0.25);
    --vira-ios-glass-border-strong: rgba(255, 255, 255, 0.4);

    /* === iOS Glass Highlights & Shadows === */
    --vira-ios-glass-highlight: rgba(255, 255, 255, 0.35);
    --vira-ios-glass-highlight-strong: rgba(255, 255, 255, 0.5);
    --vira-ios-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    --vira-ios-glass-shadow-deep: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.1);
    --vira-ios-glass-shadow-elevated: 0 32px 80px rgba(0, 0, 0, 0.18), 0 16px 40px rgba(0, 0, 0, 0.12);

    /* === iOS Glass Insets === */
    --vira-ios-glass-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    --vira-ios-glass-inset-bottom: inset 0 -1px 0 rgba(0, 0, 0, 0.08);
    --vira-ios-glass-inset-all: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.08);

    /* === iOS Filters === */
    --vira-ios-glass-filter: blur(var(--vira-ios-glass-blur)) saturate(180%) brightness(1.08);
    --vira-ios-glass-filter-strong: blur(var(--vira-ios-glass-blur-heavy)) saturate(200%) brightness(1.12);
    --vira-ios-glass-filter-light: blur(var(--vira-ios-glass-blur-light)) saturate(160%) brightness(1.05);

    /* === iOS Radius === */
    --vira-ios-glass-radius: 20px;
    --vira-ios-glass-radius-lg: 28px;
    --vira-ios-glass-radius-pill: 100px;

    /* === iOS Colors === */
    --vira-ios-accent: #007aff;
    --vira-ios-accent-hover: #0066d6;
    --vira-ios-green: #34c759;
    --vira-ios-red: #ff3b30;
    --vira-ios-orange: #ff9500;
    --vira-ios-yellow: #ffcc00;
    --vira-ios-purple: #af52de;
    --vira-ios-pink: #ff2d55;
    --vira-ios-teal: #5ac8fa;

    /* === iOS Material Thickness === */
    --vira-ios-material-thin: 0.5px;
    --vira-ios-material-regular: 1px;
    --vira-ios-material-thick: 1.5px;

    /* === iOS Ambient Liquid Colors === */
    --vira-liquid-a: rgba(99, 102, 241, .28);
    --vira-liquid-b: rgba(59, 130, 246, .24);
    --vira-liquid-c: rgba(139, 92, 246, .20);
    --vira-liquid-d: rgba(16, 185, 129, .14);
}

/* =========================================================
   حالت تاریک (Dark Theme)
   ترکیب شده از هر دو فایل
   ========================================================= */
[data-theme="dark"] {
    /* Core Dark Tokens */
    --vira-bg: #0a0f1a;
    --vira-surface: #131c2e;
    --vira-surface-raised: #1a2540;
    --vira-surface-overlay: rgba(0, 0, 0, 0.6);
    --vira-text: #f1f5f9;
    --vira-text-soft: #cbd5e1;
    --vira-text-muted: #64748b;
    --vira-border: rgba(255, 255, 255, .08);
    --vira-border-strong: rgba(255, 255, 255, .12);
    --vira-divider: rgba(255, 255, 255, .06);

    /* Core Glass Dark */
    --vira-glass-blur: 32px;
    --vira-glass-blur-strong: 48px;
    --vira-glass-surface: rgba(19, 28, 46, .65);
    --vira-glass-surface-strong: rgba(19, 28, 46, .80);
    --vira-glass-surface-subtle: rgba(19, 28, 46, .45);
    --vira-glass-border: rgba(255, 255, 255, .10);
    --vira-glass-highlight: rgba(255, 255, 255, .12);
    --vira-glass-shadow: 0 32px 64px rgba(0, 0, 0, .40);
    --vira-glass-saturate: 160%;

    /* Core Shadows Dark */
    --vira-shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);
    --vira-shadow-md: 0 8px 16px rgba(0, 0, 0, .3);
    --vira-shadow-lg: 0 20px 40px rgba(0, 0, 0, .4);
    --vira-shadow-xl: 0 32px 64px rgba(0, 0, 0, .5);
    --vira-shadow-2xl: 0 40px 80px rgba(0, 0, 0, .6);

    /* iOS Glass Dark */
    --vira-ios-glass-bg: rgba(28, 28, 30, 0.65);
    --vira-ios-glass-bg-strong: rgba(28, 28, 30, 0.75);
    --vira-ios-glass-bg-subtle: rgba(28, 28, 30, 0.45);
    --vira-ios-glass-border: rgba(255, 255, 255, 0.08);
    --vira-ios-glass-border-strong: rgba(255, 255, 255, 0.15);
    --vira-ios-glass-highlight: rgba(255, 255, 255, 0.08);
    --vira-ios-glass-highlight-strong: rgba(255, 255, 255, 0.12);
    --vira-ios-glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3);
    --vira-ios-glass-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    --vira-ios-glass-inset-bottom: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    --vira-ios-glass-filter: blur(var(--vira-ios-glass-blur-heavy)) saturate(180%) brightness(1.15);
    --vira-ios-glass-filter-strong: blur(70px) saturate(200%) brightness(1.2);

    /* iOS Liquid Dark */
    --vira-liquid-a: rgba(99, 102, 241, .22);
    --vira-liquid-b: rgba(59, 130, 246, .18);
    --vira-liquid-c: rgba(139, 92, 246, .16);
    --vira-liquid-d: rgba(16, 185, 129, .10);
}