/* Global theme overrides for Bootstrap 5 */
body {
    background-color: var(--gt-bg);
    color: var(--gt-text);
    transition: background-color var(--gt-transition), color var(--gt-transition);
}

.btn-primary {
    --bs-btn-bg: var(--gt-primary);
    --bs-btn-border-color: var(--gt-primary);
    --bs-btn-hover-bg: var(--gt-primary-hover);
    --bs-btn-hover-border-color: var(--gt-primary-hover);
    --bs-btn-active-bg: var(--gt-primary-hover);
    --bs-btn-active-border-color: var(--gt-primary-hover);
}

.btn-outline-primary {
    --bs-btn-color: var(--gt-primary);
    --bs-btn-border-color: var(--gt-primary);
    --bs-btn-hover-bg: var(--gt-primary);
    --bs-btn-hover-border-color: var(--gt-primary);
}

.text-primary { color: var(--gt-primary) !important; }
.bg-primary { background-color: var(--gt-primary) !important; }
.border-primary { border-color: var(--gt-primary) !important; }

.card {
    background-color: var(--gt-surface);
    border-color: var(--gt-border);
    box-shadow: var(--gt-shadow);
    border-radius: var(--gt-radius-lg);
}

.form-control, .form-select {
    background-color: var(--gt-surface);
    border-color: var(--gt-border);
    color: var(--gt-text);
}

.form-control:focus, .form-select:focus {
    border-color: var(--gt-primary);
    box-shadow: 0 0 0 0.2rem rgba(5, 150, 105, 0.2);
}

.table {
    --bs-table-bg: var(--gt-surface);
    --bs-table-color: var(--gt-text);
    --bs-table-border-color: var(--gt-border);
}

.table-hover > tbody > tr:hover > * {
    background-color: var(--gt-primary-light);
}

.badge-status-pending { background-color: var(--gt-warning); }
.badge-status-confirmed { background-color: var(--gt-info); }
.badge-status-preparing { background-color: #8b5cf6; }
.badge-status-outfordelivery { background-color: #06b6d4; }
.badge-status-delivered { background-color: var(--gt-success); }
.badge-status-cancelled { background-color: var(--gt-danger); }

[data-theme="dark"] .navbar,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    color-scheme: dark;
}
