/* 1337 Hosting Solutions - Looking Glass Theme Override */

@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap');

:root {
    --bs-body-bg: #05050a;
    --bs-body-color: #ffffff;
    --bs-primary: #00f0ff;
    --bs-primary-rgb: 0, 240, 255;
    --bs-secondary-bg: #141928;
    --bs-border-color: #ffffff14;
    --bs-link-color: #00f0ff;
    --bs-link-hover-color: #66f8ff;
    --bs-font-monospace: 'Fira Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}

body {
    font-family: 'Fira Mono', ui-monospace, 'SF Mono', Menlo, monospace !important;
    background-color: #05050a !important;
    color: #ffffff !important;
}

/* Navbar */
.navbar, nav.navbar {
    background-color: #05050a !important;
    border-bottom: 1px solid #00f0ff33 !important;
    box-shadow: 0 0 24px #00f0ff1a !important;
}

.navbar-brand, .navbar-brand:hover {
    color: #00f0ff !important;
}

/* Cards */
.card {
    background-color: #141928 !important;
    border: 1px solid #ffffff14 !important;
    border-radius: 4px !important;
}

.card-header {
    background-color: #0d1320 !important;
    border-bottom: 1px solid #00f0ff33 !important;
    color: #00f0ff !important;
    font-weight: 700;
    letter-spacing: 0.05em;
}

/* Buttons */
.btn-primary {
    background-color: #00f0ff !important;
    border-color: #00f0ff !important;
    color: #05050a !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    transition: box-shadow 0.2s;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #00d4e6 !important;
    border-color: #00d4e6 !important;
    box-shadow: 0 0 18px #00f0ff45 !important;
    color: #05050a !important;
}

.btn-outline-primary {
    border-color: #00f0ff !important;
    color: #00f0ff !important;
}

.btn-outline-primary:hover {
    background-color: #00f0ff !important;
    color: #05050a !important;
    box-shadow: 0 0 14px #00f0ff40 !important;
}

/* Forms */
.form-control, .form-select {
    background-color: #0d1320 !important;
    border: 1px solid #ffffff1f !important;
    color: #ffffff !important;
    font-family: 'Fira Mono', monospace !important;
}

.form-control:focus, .form-select:focus {
    border-color: #00f0ff !important;
    box-shadow: 0 0 0 2px #00f0ff33 !important;
    background-color: #0d1320 !important;
    color: #ffffff !important;
}

.form-control::placeholder {
    color: #475569 !important;
}

/* Output/terminal area */
#output, .terminal, pre {
    background-color: #030308 !important;
    border: 1px solid #00f0ff22 !important;
    color: #00f0ff !important;
    font-family: 'Fira Mono', monospace !important;
    border-radius: 4px !important;
}

/* Text muted */
.text-muted {
    color: #94a3b8 !important;
}

/* Links */
a {
    color: #00f0ff !important;
}

a:hover {
    color: #66f8ff !important;
}

/* Table */
table, .table {
    color: #ffffff !important;
}

.table-dark {
    background-color: #0d1320 !important;
}

/* Badge */
.badge.bg-primary, .badge.bg-success {
    background-color: #00f0ff !important;
    color: #05050a !important;
}

/* Spinner/progress */
.spinner-border {
    color: #00f0ff !important;
}

/* Footer */
footer, .footer {
    background-color: #05050a !important;
    border-top: 1px solid #ffffff14 !important;
    color: #475569 !important;
}

footer a, .footer a {
    color: #00f0ff !important;
}

/* Section headings */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* Info boxes */
.alert-info {
    background-color: #00f0ff0f !important;
    border-color: #00f0ff33 !important;
    color: #00f0ff !important;
}

/* Glow effect on accent elements */
.text-primary {
    color: #00f0ff !important;
}

.bg-primary {
    background-color: #00f0ff !important;
    color: #05050a !important;
}

/* Input group */
.input-group-text {
    background-color: #0d1320 !important;
    border-color: #ffffff1f !important;
    color: #94a3b8 !important;
}

/* Nav tabs */
.nav-tabs .nav-link {
    color: #94a3b8 !important;
    border-color: transparent !important;
}

.nav-tabs .nav-link.active {
    color: #00f0ff !important;
    background-color: #141928 !important;
    border-color: #00f0ff33 #00f0ff33 #141928 !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #05050a; }
::-webkit-scrollbar-thumb { background: #00f0ff33; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #00f0ff66; }