/* Dark Theme dla CODEX Gaming Store */

.dark-theme {
    /* Colors */
    --background-primary: #0a0a0a;
    --background-secondary: #111111;
    --background-tertiary: #1a1a1a;
    --background-hover: #222222;
    --text-primary: #ffffff;
    --text-secondary: #b0b0b0;
    --text-muted: #808080;
    --border-color: #333333;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.7);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.9);
    --shadow-glow: 0 0 20px rgba(0, 255, 65, 0.3);
    
    background-color: var(--background-primary);
    color: var(--text-primary);
}

/* Override for specific components */
.dark-theme .navbar {
    background-color: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border-color);
}

.dark-theme .card,
.dark-theme .feature-card,
.dark-theme .product-card,
.dark-theme .testimonial-card {
    background-color: var(--background-secondary);
    border: 1px solid var(--border-color);
}

.dark-theme .card:hover,
.dark-theme .feature-card:hover,
.dark-theme .product-card:hover,
.dark-theme .testimonial-card:hover {
    background-color: var(--background-tertiary);
    border-color: var(--primary-color);
    box-shadow: var(--shadow-glow);
}

.dark-theme input,
.dark-theme textarea,
.dark-theme select {
    background-color: var(--background-secondary);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
}

.dark-theme input:focus,
.dark-theme textarea:focus,
.dark-theme select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(0, 255, 65, 0.2);
    outline: none;
}

.dark-theme table {
    background-color: var(--background-secondary);
    border: 1px solid var(--border-color);
}

.dark-theme th {
    background-color: var(--background-tertiary);
    color: var(--primary-color);
}

.dark-theme tr:hover {
    background-color: var(--background-hover);
}

.dark-theme .modal {
    background-color: var(--background-secondary);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
}