/**
 * Stok Cafe - Dark Mode CSS
 * Tema gelap opsional
 */

[data-theme="dark"] body {
    background-color: #0f1923;
    color: #e0e0e0;
}

[data-theme="dark"] .card {
    background: #1a2744;
    color: #e0e0e0;
}

[data-theme="dark"] .sidebar {
    background: #1a2744;
    border-color: #2a3a54;
}

[data-theme="dark"] .sidebar .nav-link {
    color: #b0b0b0;
}

[data-theme="dark"] .sidebar .nav-link:hover,
[data-theme="dark"] .sidebar .nav-link.active {
    background: rgba(13, 71, 161, 0.2);
    color: #42A5F5;
}

[data-theme="dark"] .table-container {
    background: #1a2744;
}

[data-theme="dark"] .form-control {
    background: #243447;
    border-color: #2a3a54;
    color: #e0e0e0;
}

[data-theme="dark"] .form-control:focus {
    background: #2a3a54;
    color: #fff;
}

[data-theme="dark"] .pos-cart,
[data-theme="dark"] .kds-card,
[data-theme="dark"] .product-card {
    background: #1a2744;
    color: #e0e0e0;
}

[data-theme="dark"] .footer-main {
    background: #0a1520;
}

[data-theme="dark"] .navbar-main {
    background: linear-gradient(135deg, #0a3d8a 0%, #1565C0 100%);
}