/* ════════════════════════════════════════════════════════════════════════
   forge.custom.css — FORGE theme (deep navy + cyan)
   Inspired by VulnForge.  All dark — no light variant exists.
   Loaded AFTER forge.min.css (Darkly Bootswatch base) so these values win.
   ════════════════════════════════════════════════════════════════════════ */

:root {
    /* Canvas */
    --surface:        #0d1117;   /* page background */
    --surface-alt:    #161b22;   /* sidebar, rails */
    --surface-raised: #1b2230;   /* cards, modals */
    --surface-hover:  #20293a;

    /* Accent (cyan) */
    --accent:         #00d4ff;
    --accent-hover:   #33ddff;
    --accent-soft:    rgba(0, 212, 255, 0.12);
    --accent-border:  rgba(0, 212, 255, 0.35);

    /* Borders & text */
    --border:         #2a3244;
    --border-strong:  #3a4459;
    --text:           #e6edf3;
    --text-muted:     #8b949e;
    --text-light:     #6e7681;

    /* Status */
    --success: #3fb950;
    --warning: #d29922;
    --danger:  #f85149;
    --info:    #58a6ff;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
    --shadow:    0 2px 10px rgba(0, 0, 0, 0.55);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 20px rgba(0, 212, 255, 0.15);
}

html, body {
    background: var(--surface) !important;
    color: var(--text) !important;
}

/* ── Bootstrap overrides ─────────────────────────────────────────────── */
.bg-dark, .bg-primary { background-color: var(--surface-alt) !important; }
.text-primary { color: var(--accent) !important; }
.btn-primary,
.btn-primary:focus {
    background-color: var(--accent);
    border-color: var(--accent);
    color: #001016;
    font-weight: 600;
}
.btn-primary:hover {
    background-color: var(--accent-hover);
    border-color: var(--accent-hover);
    color: #000;
}
.btn-outline-primary {
    color: var(--accent);
    border-color: var(--accent);
}
.btn-outline-primary:hover {
    background-color: var(--accent);
    border-color: var(--accent);
    color: #001016;
}

a { color: var(--accent); }
a:hover { color: var(--accent-hover); }

.card {
    background-color: var(--surface-raised);
    border: 1px solid var(--border);
    color: var(--text);
}
.card-header { background-color: var(--surface-alt); border-bottom: 1px solid var(--border); }

.table { color: var(--text); }
.table > :not(caption) > * > * { border-color: var(--border); }

.form-control, .form-select {
    background-color: var(--surface-alt);
    border-color: var(--border);
    color: var(--text);
}
.form-control:focus, .form-select:focus {
    background-color: var(--surface-alt);
    border-color: var(--accent);
    color: var(--text);
    box-shadow: 0 0 0 0.2rem var(--accent-soft);
}

.modal-content { background-color: var(--surface-raised); color: var(--text); }
.dropdown-menu {
    background-color: var(--surface-raised);
    border: 1px solid var(--border);
}
.dropdown-item { color: var(--text); }
.dropdown-item:hover { background-color: var(--surface-hover); color: var(--accent); }

.alert-primary { background-color: var(--accent-soft); border-color: var(--accent-border); color: var(--accent-hover); }

/* Scrollbars */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--surface); }
::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }