/* MindRouter Website Styles */

:root {
    --mindrouter-primary: #0d6efd;
    --mindrouter-dark: #212529;

    /* Light theme (default) */
    --mr-body-bg: #fff;
    --mr-sidebar-bg: #f8f9fa;
    --mr-sidebar-border: #dee2e6;
    --mr-sidebar-text: #495057;
    --mr-sidebar-hover: #e9ecef;
    --mr-border-color: #dee2e6;
    --mr-code-bg: #f6f8fa;
    --mr-code-border: #e1e4e8;
    --mr-input-bg: #f9f9fb;
    --mr-input-bg-focus: #fff;
    --mr-text-primary: #333;
    --mr-text-secondary: #666;
    --mr-text-muted: #888;
    --mr-api-key-bg: #f8f9fa;
    --mr-msg-assistant-bg: #f7f7f8;
    --mr-chat-input-bg: #fff;
    --mr-doc-icon-bg: #f0f4f8;
    --mr-table-hover-bg: rgba(0, 123, 255, 0.05);
}

[data-bs-theme="dark"] {
    --mr-body-bg: #1a1d21;
    --mr-sidebar-bg: #212529;
    --mr-sidebar-border: #373b3e;
    --mr-sidebar-text: #adb5bd;
    --mr-sidebar-hover: #2c3034;
    --mr-border-color: #373b3e;
    --mr-code-bg: #2b3035;
    --mr-code-border: #373b3e;
    --mr-input-bg: #2b3035;
    --mr-input-bg-focus: #212529;
    --mr-text-primary: #e9ecef;
    --mr-text-secondary: #adb5bd;
    --mr-text-muted: #8b929a;
    --mr-api-key-bg: #2b3035;
    --mr-msg-assistant-bg: #212529;
    --mr-chat-input-bg: #2b3035;
    --mr-doc-icon-bg: #2b3035;
    --mr-table-hover-bg: rgba(100, 160, 255, 0.08);
}

/* Features showcase section */
.features-showcase {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 50%, #f8f9fa 100%);
}
[data-bs-theme="dark"] .features-showcase {
    background: linear-gradient(180deg, #1a1d21 0%, #212529 50%, #1a1d21 100%);
}

/* Chat mockup */
.chat-mockup { background: #ffffff; border: 1px solid #dee2e6; }
.chat-mockup-header { background: #f8f9fa; border-bottom: 1px solid #dee2e6; }
.chat-mockup-body { background: #fff; }
.chat-mockup-user { background: #e7f1ff; }
.chat-mockup-assistant { background: #f8f9fa; }
.chat-mockup-footer { border-top: 1px solid #dee2e6; background: #f8f9fa; }
.chat-mockup-input { background: #fff; border: 1px solid #ced4da; color: #6c757d; }

[data-bs-theme="dark"] .chat-mockup { background: #212529; border-color: #373b3e; }
[data-bs-theme="dark"] .chat-mockup-header { background: #1a1d21; border-color: #373b3e; }
[data-bs-theme="dark"] .chat-mockup-body { background: #212529; }
[data-bs-theme="dark"] .chat-mockup-user { background: #1a3a5c; color: #e9ecef; }
[data-bs-theme="dark"] .chat-mockup-assistant { background: #2b3035; color: #e9ecef; }
[data-bs-theme="dark"] .chat-mockup-footer { border-color: #373b3e; background: #1a1d21; }
[data-bs-theme="dark"] .chat-mockup-input { background: #2b3035; border-color: #495057; color: #8b929a; }

/* Docs mockup */
.docs-mockup { background: #ffffff; border: 1px solid #dee2e6; }
.docs-mockup-header { background: #f8f9fa; border-bottom: 1px solid #dee2e6; }
.docs-mockup-body { background: #ffffff; }

[data-bs-theme="dark"] .docs-mockup { background: #212529; border-color: #373b3e; }
[data-bs-theme="dark"] .docs-mockup-header { background: #1a1d21; border-color: #373b3e; }
[data-bs-theme="dark"] .docs-mockup-body { background: #212529; }

/* General */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Navbar */
.navbar-brand {
    font-weight: 700;
    letter-spacing: -0.5px;
}

/* Cards */
.card-stat {
    border-left: 4px solid;
    transition: transform 0.2s;
}

.card-stat:hover {
    transform: translateY(-2px);
}

.card-stat.primary { border-left-color: #0d6efd; }
.card-stat.success { border-left-color: #198754; }
.card-stat.warning { border-left-color: #ffc107; }
.card-stat.danger { border-left-color: #dc3545; }
.card-stat.info { border-left-color: #0dcaf0; }

/* Code blocks */
pre {
    margin: 0;
}

pre code {
    font-size: 0.875rem;
}

/* Theme toggle button */
.theme-toggle {
    background: none;
    border: none;
    color: rgba(255,255,255,0.7);
    font-size: 1.1rem;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
    transition: color 0.15s;
}
.theme-toggle:hover {
    color: #fff;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Hero section */
.hero-section {
    background: #0a0e1a;
    position: relative;
    overflow: hidden;
}

/* Contact form */
.contact-section {
    background: var(--mr-sidebar-bg);
}

[data-bs-theme="dark"] .contact-section {
    background: #1a1d21;
}

.contact-section .form-control {
    background: var(--mr-input-bg);
    border-color: var(--mr-border-color);
    color: var(--mr-text-primary);
}

.contact-section .form-control:focus {
    background: var(--mr-input-bg-focus);
    border-color: var(--mindrouter-primary);
    color: var(--mr-text-primary);
}

/* Gallery images */
.gallery-card img {
    transition: transform 0.3s;
}
.gallery-card:hover img {
    transform: scale(1.02);
}

/* Footer */
.site-footer {
    background: var(--mr-sidebar-bg);
    border-top: 1px solid var(--mr-border-color);
}

[data-bs-theme="dark"] .site-footer {
    background: #0d1117;
    border-top-color: #21262d;
}

/* Accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #0d6efd;
    color: #fff;
    padding: 8px 16px;
    z-index: 9999;
    text-decoration: none;
    font-weight: 600;
}
.skip-link:focus {
    top: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-section h1 {
        font-size: 1.8rem !important;
    }
    .stats-bar .card-body h2 {
        font-size: 1.5rem;
    }
}