/* Tema stilleri */

/* Açık tema (varsayılan) */
:root {
    --bg-color: #f8f9fa;
    --text-color: #333;
    --card-bg: #ffffff;
    --card-shadow: 0 2px 10px rgba(0,0,0,0.1);
    --border-color: #eee;
    --header-color: #333;
    --secondary-text: #666;
    --accent-color: #16A34A;
    --accent-hover: #0D9488;
    --nav-bg: #ffffff;
    --nav-color: #999;
    --nav-active: #16A34A;
    --success-bg: #d4edda;
    --success-color: #155724;
    --error-bg: #f8d7da;
    --error-color: #721c24;
}

/* Koyu tema */
body[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #e0e0e0;
    --card-bg: #1e1e1e;
    --card-shadow: 0 2px 10px rgba(0,0,0,0.3);
    --border-color: #333;
    --header-color: #f0f0f0;
    --secondary-text: #aaaaaa;
    --accent-color: #16A34A;
    --accent-hover: #0D9488;
    --nav-bg: #1e1e1e;
    --nav-color: #888;
    --nav-active: #16A34A;
    --success-bg: #0a2816;
    --success-color: #5cdd8d;
    --error-bg: #2d0b0e;
    --error-color: #ea868f;
}

/* Sistem teması */
@media (prefers-color-scheme: dark) {
    body[data-theme="system"] {
        --bg-color: #121212;
        --text-color: #e0e0e0;
        --card-bg: #1e1e1e;
        --card-shadow: 0 2px 10px rgba(0,0,0,0.3);
        --border-color: #333;
        --header-color: #f0f0f0;
        --secondary-text: #aaaaaa;
        --accent-color: #e74c3c;
        --accent-hover: #c0392b;
        --nav-bg: #1e1e1e;
        --nav-color: #888;
        --nav-active: #e74c3c;
        --success-bg: #0a2816;
        --success-color: #5cdd8d;
        --error-bg: #2d0b0e;
        --error-color: #ea868f;
    }
}

/* Temel stil uygulamaları */
body {
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.page-title, .form-title, .section-title {
    color: var(--header-color);
}

.setting-item, .form-section, .app-info, .info-section, .contact-section {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
}

.setting-desc, .form-desc, .info-text, .toggle-desc {
    color: var(--secondary-text);
}

.setting-icon {
    color: var(--secondary-text);
}

.bottom-nav {
    background: var(--nav-bg);
    border-top: 1px solid var(--border-color);
}

.nav-item {
    color: var(--nav-color);
}

.nav-item.active {
    color: var(--nav-active);
}

.alert.success {
    background: var(--success-bg);
    color: var(--success-color);
    border: 1px solid var(--success-color);
}

.alert.error {
    background: var(--error-bg);
    color: var(--error-color);
    border: 1px solid var(--error-color);
}

.setting-arrow {
    color: var(--secondary-text);
}

.back-button {
    color: var(--header-color);
}

.submit-button {
    background: var(--accent-color);
    color: white;
}

.submit-button:hover {
    background: var(--accent-hover);
}

/* Menü sayfası özel stilleri */
.search-input {
    background-color: var(--card-bg);
    color: var(--text-color);
    border-color: var(--border-color);
}

.search-input:focus {
    border-color: var(--accent-color);
}

.search-icon {
    color: var(--accent-color);
}

.category-card {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
}

.category-name {
    background: var(--bg-color);
    color: var(--text-color);
}

.product-item {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
}

.product-info p {
    color: var(--secondary-text);
}

/* Ana sayfa özel stilleri */
.qr-container {
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
}

.subtitle {
    color: var(--secondary-text);
}