/* AI Lab theme overrides for core forum UI */
:root {
    --primary: #00E5FF;
    --primary-dark: #7B61FF;
    --primary-light: #00FFA3;
    --primary-bg: rgba(0, 229, 255, 0.08);
    --accent: #7B61FF;
    --accent-light: #B4A4FF;

    --bg-body: #05070A;
    --bg-white: #0A0F1C;
    --bg-card: #101826;
    --bg-hover: #1A2438;
    --bg-input: #0A0F1C;

    --text-primary: #FFFFFF;
    --text-secondary: #C7D4F1;
    --text-muted: #8FA1C7;
    --text-link: #00E5FF;

    --border: #1F2A44;
    --border-light: #1A2436;

    --success: #00FFA3;
    --danger: #FF3D71;
    --warning: #F59E0B;
    --info: #00E5FF;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 16px 34px rgba(0, 0, 0, 0.45);
}

body {
    background:
        radial-gradient(900px 380px at 10% -10%, rgba(0, 229, 255, 0.12) 0%, transparent 70%),
        radial-gradient(900px 380px at 90% -10%, rgba(123, 97, 255, 0.15) 0%, transparent 70%),
        linear-gradient(180deg, #0A0F1C 0%, #05070A 100%);
}

.topbar,
.footer {
    background: #070B14;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.header {
    background: rgba(10, 15, 28, 0.9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
}

.logo-name {
    color: var(--text-primary);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.logo-tagline {
    color: var(--accent-light);
}

.nav-link:hover,
.nav-link.active {
    background: linear-gradient(120deg, rgba(0, 229, 255, 0.15), rgba(123, 97, 255, 0.15));
    color: var(--text-primary);
}

.search-input {
    background: #0C1424;
    border-color: var(--border);
    color: var(--text-primary);
}

.search-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.15);
    background: #0D172A;
}

.user-btn,
.dropdown-menu,
.card,
.sidebar-card,
.category-item,
.media-card,
.table,
.admin-card,
.stat-card {
    background: var(--bg-card);
    border-color: var(--border);
}

.card:hover,
.sidebar-card:hover,
.category-item:hover,
.media-card:hover {
    box-shadow: 0 8px 30px rgba(0, 229, 255, 0.12);
}

.btn-primary {
    background: linear-gradient(120deg, #00E5FF 0%, #7B61FF 100%);
    color: #041019;
}

.btn-outline {
    border-color: var(--primary);
    color: var(--primary);
}

.btn-outline:hover {
    background: rgba(0, 229, 255, 0.12);
}

.form-input,
.form-select,
.form-textarea {
    background: #0B1324;
    border-color: var(--border);
    color: var(--text-primary);
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.15);
}

.topic-item:hover,
.post-action-btn:hover {
    background: rgba(45, 58, 95, 0.35);
}

.topic-tag {
    border: 1px solid var(--border);
}

.post-content code {
    background: rgba(0, 229, 255, 0.1);
    color: #9EEDFF;
}

.post-content pre {
    background: #0A0F1C;
    border: 1px solid var(--border);
}

.flash-success {
    background: rgba(0, 255, 163, 0.12);
    color: #A0FFD9;
    border-bottom-color: rgba(0, 255, 163, 0.35);
}

.flash-error {
    background: rgba(255, 61, 113, 0.12);
    color: #FFC3D4;
    border-bottom-color: rgba(255, 61, 113, 0.35);
}

.footer-link,
.footer-rss a {
    color: #AFC0E6;
}

.footer-link:hover {
    color: #FFFFFF;
}