/* Softer gradient background */
body {
    background: linear-gradient(135deg, #d32f2f 0%, #ff6b35 50%, #ffa726 100%);
    background-attachment: fixed;
}

/* Override Bootstrap primary color */
:root,
[data-bs-theme="dark"] {
    --bs-primary: #ff5a00;
    --bs-primary-rgb: 255, 90, 0;

    --bs-border-color: rgba(255, 255, 255, 0.15);

    /* Force darker inputs */
    --bs-body-bg: rgb(0, 0, 0);
    --bs-body-bg-rgb: 0, 0, 0;

    /* Input border color */
    --bs-border-color-translucent: rgba(255, 255, 255, 0.1);

    /* Alert styling */
    --bs-alert-bg: rgba(0, 0, 0, 0.7);
    --bs-alert-border-color: rgba(255, 90, 0, 0.5);
}

.form-control,
.form-control-sm,
.form-select,
.form-select-sm {
    background-color: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

/* Soften table look */
.table {
    --bs-table-bg: rgba(0, 0, 0, 0.6);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
    --bs-table-hover-bg: rgba(255, 120, 0, 0.12);
    --bs-table-border-color: rgba(255, 255, 255, 0.1);
}

/* Make table header stand out more */
.table thead {
    --bs-table-bg: rgba(0, 0, 0, 0.8);
}

/* Navbar transparency */
.navbar {
    background: rgba(0, 0, 0, 0.6) !important;
}

/* ========================= admin tiles ========================= */
.tile {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    background: rgba(30, 30, 30, 0.7);
}

.tile:hover {
    transform: translateY(-4px);
}

.tile {
    color: var(--bs-primary);
}