/* ============================================
   AKIŞ HIDROLIK - THEME SYSTEM
   Dark/Light Mode Toggle
============================================ */

/* Dark Theme (Default) */
:root {
    --red: #E30A17;
    --red-dim: rgba(227, 10, 23, 0.15);
    --black: #0C0C0C;
    --dark: #141414;
    --panel: #1A1A1A;
    --border: #2A2A2A;
    --grid: #1E1E1E;
    --text: #E8E8E8;
    --text-dim: #6A6A6A;
    --text-muted: #444444;
    --green: #00FF88;
    --white: #FFFFFF;
    --shadow: rgba(0, 0, 0, 0.3);
    --yellow: #FFD600;
    --orange: #FF6B00;
    --blue: #00A3FF;
    --gold: #FFD700;
    --silver: #C0C0C0;
    --bronze: #CD7F32;
    --nav-bg: rgba(20, 20, 20, 0.95);
    --panel-bg: rgba(20, 20, 20, 0.9);
    --mobile-menu-bg: rgba(12, 12, 12, 0.98);
}

/* Light Theme */
[data-theme="light"] {
    --red: #C50814;
    --red-dim: rgba(197, 8, 20, 0.1);
    --black: #FFFFFF;
    --dark: #F5F5F5;
    --panel: #EBEBEB;
    --border: #D0D0D0;
    --grid: #E8E8E8;
    --text: #1A1A1A;
    --text-dim: #666666;
    --text-muted: #999999;
    --green: #00AA5B;
    --white: #0C0C0C;
    --shadow: rgba(0, 0, 0, 0.08);
    --yellow: #E6C200;
    --orange: #E05A00;
    --blue: #0088DD;
    --gold: #D4AF00;
    --silver: #888888;
    --bronze: #A66628;
    --nav-bg: rgba(255, 255, 255, 0.95);
    --panel-bg: rgba(255, 255, 255, 0.95);
    --mobile-menu-bg: rgba(255, 255, 255, 0.98);
}

/* Theme Toggle Button (Header) */
.theme-toggle {
    width: 36px;
    height: 36px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
}

.theme-toggle:hover {
    background: var(--dark);
    border-color: var(--red);
    transform: scale(1.1);
}

.theme-toggle-icon {
    font-size: 1rem;
    transition: transform 0.4s ease;
}

.theme-toggle .sun-icon {
    display: none;
    color: #FFB800;
}

.theme-toggle .moon-icon {
    display: block;
    color: var(--text);
}

[data-theme="light"] .theme-toggle .sun-icon {
    display: block;
}

[data-theme="light"] .theme-toggle .moon-icon {
    display: none;
}

[data-theme="light"] .theme-toggle {
    background: #FFFFFF;
    border-color: #D0D0D0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Light theme specific adjustments */
[data-theme="light"] body::before {
    opacity: 0.5;
}

[data-theme="light"] .nav {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 10px rgba(0,0,0,0.05);
}

[data-theme="light"] .status-bar {
    background: #F0F0F0;
}

[data-theme="light"] .nav-logo-box {
    box-shadow: 0 2px 8px rgba(227, 10, 23, 0.2);
}

[data-theme="light"] .btn-primary {
    box-shadow: 0 2px 10px rgba(227, 10, 23, 0.2);
}

[data-theme="light"] .product-card,
[data-theme="light"] .capability-panel,
[data-theme="light"] .metric-card,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .credential-card,
[data-theme="light"] .faq-item,
[data-theme="light"] .process-step {
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}

[data-theme="light"] .page-loader {
    background: #FFFFFF;
}

[data-theme="light"] .footer {
    background: #F5F5F5;
    border-top: 1px solid #E0E0E0;
}

[data-theme="light"] .cta-terminal {
    box-shadow: 0 4px 30px rgba(0,0,0,0.1);
}

[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
    background: #FFFFFF;
    border-color: #D0D0D0;
}

[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus,
[data-theme="light"] select:focus {
    border-color: var(--red);
    box-shadow: 0 0 0 3px rgba(227, 10, 23, 0.1);
}

/* Smooth transition for theme change */
html {
    transition: background-color 0.3s ease;
}

body,
.nav,
.status-bar,
.footer,
.page-loader,
.product-card,
.capability-panel,
.metric-card,
.testimonial-card,
.credential-card,
.faq-item,
.cta-terminal,
input,
textarea,
select {
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}