/* BitScoot — Custom styles */

/* ── Site colour palette (matches bitscoot.co) ── */
:root {
    --bs-bg:        #0d0f1a;   /* page background */
    --bs-surface:   #141728;   /* cards, panels */
    --bs-surface-2: #1e2235;   /* elevated / hover */
    --bs-border:    #252a42;   /* subtle borders */
    --bs-amber:     #f59e0b;   /* brand accent */
    --bs-cyan:      #06b6d4;   /* secondary accent (matches site cyan) */
}

/* Smooth dark mode transition */
* {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

html { visibility: visible; }

/* ── Dark mode overrides ── */
.dark body {
    background-color: var(--bs-bg);
}

/* Scrollbar */
:root { color-scheme: dark light; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2e344f; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #f59e0b; }

/* Focus rings */
input:focus, select:focus, textarea:focus {
    outline: 2px solid var(--bs-amber);
    outline-offset: 2px;
}

/* Card hover */
.card-hover {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.card-hover:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px -6px rgba(0, 0, 0, 0.5);
}

/* Nav active */
.nav-active {
    background-color: rgba(245, 158, 11, 0.12);
    color: #f59e0b;
}

/* ── Auth pages — full-bleed dark bg ── */
.dark .auth-bg {
    background-color: var(--bs-bg);
}

/* Table rows */
tbody tr { transition: background-color 0.1s ease; }

/* Subtle glow on amber buttons */
.dark .btn-amber-glow:hover {
    box-shadow: 0 0 18px rgba(245, 158, 11, 0.35);
}