/* theme_styles.css */

/* Светлая тема (по умолчанию) */
body.theme-light {
    background-color: #f4f4f4 !important;
    color: #333 !important;
}

body.theme-light h1,
body.theme-light h2,
body.theme-light h3 {
    color: #007bff !important;
}

body.theme-light a {
    color: #007bff !important;
}

body.theme-light .button {
    background-color: #007bff !important;
    color: white !important;
}

body.theme-light .file-container,
body.theme-light .note-item,
body.theme-light .container {
    background-color: white !important;
    border-color: #ddd !important;
}

/* Тёмная тема */
body.theme-dark {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3 {
    color: #6ab0f3 !important;
}

body.theme-dark a {
    color: #6ab0f3 !important;
}

body.theme-dark .button {
    background: linear-gradient(145deg, #2d3748, #4a5568) !important;
    color: #e2e8f0 !important;
    border: 1px solid #4a5568 !important;
}

body.theme-dark .file-container,
body.theme-dark .note-item,
body.theme-dark .container {
    background-color: #1e1e1e !important;
    border-color: #374151 !important;
}

/* Неоновая тема */
body.theme-neon {
    background-color: black !important;
    color: #0ff !important;
}

body.theme-neon h1,
body.theme-neon h2,
body.theme-neon h3 {
    color: #0ff !important;
    text-shadow: 0 0 5px #0ff;
}

body.theme-neon a {
    color: #0ff !important;
    text-shadow: 0 0 2px #0ff;
}

body.theme-neon .button {
    background: linear-gradient(45deg, #0ff, #0080ff) !important;
    color: black !important;
    text-shadow: none;
    border: 1px solid #0ff !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

body.theme-neon .file-container,
body.theme-neon .note-item,
body.theme-neon .container {
    background-color: #111 !important;
    border-color: #0ff !important;
    box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
}

/* Новогодний режим - ОБНОВЛЕННЫЕ СТИЛИ */
body.theme-christmas {
    background: linear-gradient(180deg, #0a3d2f 0%, #083025 30%, #061d18 100%) !important;
    color: #ffeb3b !important;
    position: relative;
    overflow-x: hidden;
    min-height: 100vh;
}

body.theme-christmas h1,
body.theme-christmas h2,
body.theme-christmas h3 {
    color: #ff5722 !important;
    text-shadow: 0 0 10px rgba(255, 87, 34, 0.8);
}

body.theme-christmas a {
    color: #4caf50 !important;
}

body.theme-christmas .button {
    background: linear-gradient(145deg, #d32f2f, #c62828) !important;
    color: white !important;
    border: 2px solid #ffeb3b !important;
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.5);
}

body.theme-christmas .button:hover {
    background: linear-gradient(145deg, #f44336, #d32f2f) !important;
    transform: translateY(-1px);
}

body.theme-christmas .file-container {
    background: linear-gradient(135deg, rgba(13, 71, 54, 0.95), rgba(10, 61, 47, 0.95)) !important;
    border: 2px solid #4caf50 !important;
    color: #ffeb3b !important;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
}

body.theme-christmas .nav-links a {
    background: rgba(13, 71, 54, 0.8) !important;
    color: #ffeb3b !important;
    border: 1px solid #4caf50 !important;
}

body.theme-christmas .message.success {
    background: linear-gradient(145deg, rgba(76, 175, 80, 0.9), rgba(56, 142, 60, 0.9)) !important;
    color: #fff !important;
    border: 2px solid #ffeb3b !important;
}

body.theme-christmas .message.error {
    background: linear-gradient(145deg, rgba(244, 67, 54, 0.9), rgba(211, 47, 47, 0.9)) !important;
    color: #fff !important;
    border: 2px solid #ffeb3b !important;
}

/* Хэллоуинский режим */
body.theme-halloween {
    background-color: #2c003e !important;
    background-image: radial-gradient(circle, rgba(255,165,0,0.1) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    color: #ff9800 !important;
}

body.theme-halloween h1,
body.theme-halloween h2,
body.theme-halloween h3 {
    color: #ff5722 !important;
    text-shadow: 0 0 5px #ff9800;
}

body.theme-halloween a {
    color: #ff9800 !important;
    text-shadow: 0 0 3px #ff5722;
}

body.theme-halloween .button {
    background: linear-gradient(45deg, #7b1fa2, #ff5722) !important;
    color: black !important;
    border: 2px solid #ff9800 !important;
}

body.theme-halloween .file-container,
body.theme-halloween .note-item,
body.theme-halloween .container {
    background: linear-gradient(135deg, rgba(43, 0, 62, 0.9), rgba(74, 20, 140, 0.9)) !important;
    border: 2px solid #ff9800 !important;
    color: #ff9800 !important;
    box-shadow: 0 0 10px rgba(255, 152, 0, 0.3);
}

body.theme-halloween .nav-links a {
    background: rgba(43, 0, 62, 0.8) !important;
    color: #ff9800 !important;
    border: 1px solid #ff9800 !important;
}

/* Улучшенные стили для новогоднего режима */
body.theme-christmas .button {
    background: linear-gradient(145deg, 
        #d32f2f, 
        #c62828, 
        #b71c1c) !important;
    color: white !important;
    border: 2px solid #ffeb3b !important;
    box-shadow: 
        0 4px 20px rgba(255, 87, 34, 0.6),
        0 0 15px rgba(255, 235, 59, 0.4) inset !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s !important;
}

body.theme-christmas .button:hover {
    background: linear-gradient(145deg, 
        #f44336, 
        #e53935, 
        #d32f2f) !important;
    transform: translateY(-3px) !important;
    box-shadow: 
        0 8px 30px rgba(255, 87, 34, 0.8),
        0 0 20px rgba(255, 235, 59, 0.6) inset !important;
}

body.theme-christmas .nav-links a {
    background: linear-gradient(145deg, 
        rgba(13, 71, 54, 0.9), 
        rgba(10, 61, 47, 0.9)) !important;
    color: #ffeb3b !important;
    border: 2px solid #4caf50 !important;
    box-shadow: 
        0 3px 15px rgba(76, 175, 80, 0.5),
        0 0 10px rgba(255, 235, 59, 0.3) inset !important;
    transition: all 0.3s !important;
}

body.theme-christmas .nav-links a:hover {
    background: linear-gradient(145deg, 
        rgba(16, 88, 67, 0.9), 
        rgba(13, 71, 54, 0.9)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        0 5px 20px rgba(76, 175, 80, 0.7),
        0 0 15px rgba(255, 235, 59, 0.5) inset !important;
}

body.theme-christmas .message.success {
    background: linear-gradient(145deg, 
        rgba(76, 175, 80, 0.95), 
        rgba(56, 142, 60, 0.95)) !important;
    color: #fff !important;
    border: 2px solid #ffeb3b !important;
    box-shadow: 0 0 20px rgba(76, 175, 80, 0.5) !important;
}

body.theme-christmas .message.error {
    background: linear-gradient(145deg, 
        rgba(244, 67, 54, 0.95), 
        rgba(211, 47, 47, 0.95)) !important;
    color: #fff !important;
    border: 2px solid #ffeb3b !important;
    box-shadow: 0 0 20px rgba(244, 67, 54, 0.5) !important;
}

/* Эффект снежной бури при наведении на кнопки */
body.theme-christmas .button::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, 
        rgba(255, 255, 255, 0.1) 0%,
        transparent 70%);
    opacity: 0;
    transition: opacity 0.3s;
}

body.theme-christmas .button:hover::after {
    opacity: 1;
}