/* public/css/style.css */

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa;
    color: #333;
}

/* Gradients & Colors */
.bg-gradient-primary {
    background: linear-gradient(135deg, #0d6efd 0%, #0098f0 100%);
}

.bg-gradient-warning {
    background: linear-gradient(135deg, #ffc107 0%, #ffdb58 100%);
}

/* Cards */
.summary-card, .product-card, .package-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.summary-card:hover, .product-card:hover, .package-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

/* Table */
.table-hover tbody tr {
    transition: background-color 0.2s ease;
}
.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.05);
}

/* Utilities */
.tracking-wide {
    letter-spacing: 1px;
}

.icon-shape {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Dark Mode */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}

body.dark-mode .bg-white,
body.dark-mode .card {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .text-dark,
body.dark-mode .text-gray-800 {
    color: #e0e0e0 !important;
}

body.dark-mode .table {
    color: #e0e0e0;
    border-color: #333;
}

body.dark-mode .table-light {
    background-color: #2c2c2c;
    color: #e0e0e0;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(255,255,255,0.05);
}

body.dark-mode .modal-content {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

body.dark-mode .modal-header,
body.dark-mode .card-header.bg-light {
    background-color: #2c2c2c !important;
    color: #e0e0e0 !important;
}

body.dark-mode .form-control,
body.dark-mode .input-group-text {
    background-color: #2c2c2c !important;
    border-color: #444 !important;
    color: #e0e0e0;
}

body.dark-mode .text-muted {
    color: #a0a0a0 !important;
}

body.dark-mode .footer-custom {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}