/* visionOS Color Themes - Light Mode Only */

:root {
    /* Светлая тема (фиксированная) */
    --vision-bg: #f2f2f7;
    --vision-card-bg: rgba(255, 255, 255, 0.7);
    --vision-primary: #a1cb0e;
    --vision-primary-hover: #BFEE13;
    --vision-text: rgba(0, 0, 0, 0.85);
    --vision-text-secondary: rgba(0, 0, 0, 0.6);
    --vision-sidebar-bg: rgba(22, 22, 22, 0.95);
    --vision-border: rgba(255, 255, 255, 0.25);
    --vision-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.05);
    --vision-radius: 24px;
    --vision-blur: blur(20px) saturate(180%);
}

/* Адаптивные стили для различных устройств */
@media (max-width: 768px) {
    :root {
        --vision-radius: 16px;
    }
    
    .vision-container {
        padding: 16px;
    }
    
    .page-header {
        padding: 16px;
        margin-bottom: 16px;
    }
    
    .card {
        margin-bottom: 16px;
    }
    
    .card-header {
        padding: 1rem;
    }
    
    .card-body {
        padding: 1rem;
    }
}

/* Анимированные градиенты для акцентов в интерфейсе */
.vision-gradient {
    background: linear-gradient(135deg, var(--vision-primary) 0%, #BFEE13 100%);
    background-size: 200% 200%;
    animation: gradientFlow 5s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}