/* ============================================
   Tite Website - Dark Mode (Default)
   ============================================ */

/* Dark mode is the default theme */
/* This file contains overrides for light mode if needed */

body {
    background: var(--color-bg);
    color: var(--color-text);
}

/* These are already dark by default in style.css */
/* This file is here for future light mode support */

/* Light mode override (if enabled) */
body.light-mode {
    --color-bg: #ffffff;
    --color-bg-secondary: #f8fafc;
    --color-bg-card: #f1f5f9;
    --color-bg-card-hover: #e2e8f0;
    --color-text: #0f172a;
    --color-text-secondary: #475569;
    --color-text-muted: #94a3b8;
    --color-border: #e2e8f0;
    --color-border-hover: #6366f1;
    --color-terminal-bg: #f1f5f9;
    --color-terminal-text: #0f172a;
    --color-terminal-prompt: #059669;
    --color-terminal-output: #d97706;
    --color-terminal-border: #e2e8f0;
}

body.light-mode .navbar {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid var(--color-border);
}

body.light-mode .nav-links a {
    color: var(--color-text-secondary);
}

body.light-mode .nav-links a:hover,
body.light-mode .nav-links a.active {
    color: var(--color-text);
}

body.light-mode .github-btn {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    color: var(--color-text) !important;
}

body.light-mode .github-btn:hover {
    background: var(--color-border);
}

body.light-mode .install-code {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .install-code code {
    color: var(--color-text);
}

body.light-mode .terminal {
    background: var(--color-terminal-bg);
    border: 1px solid var(--color-terminal-border);
}

body.light-mode .terminal-header {
    background: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid var(--color-terminal-border);
}

body.light-mode .terminal-body {
    color: var(--color-terminal-text);
}

body.light-mode .terminal-body p {
    color: inherit;
}

body.light-mode .docs-code {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .docs-code code {
    color: var(--color-text);
}

body.light-mode .docs-feature {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .gs-step {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .gs-note {
    background: var(--color-bg-secondary);
}

body.light-mode .command-card,
body.light-mode .mode-detail-card,
body.light-mode .about-card {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .mode-card {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .feature-card {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .feature-card:hover {
    background: var(--color-bg-card-hover);
}

body.light-mode .install-card,
body.light-mode .cta-card {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
}

body.light-mode .install-code-large {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
}

body.light-mode .install-code-large code {
    color: var(--color-text);
}

body.light-mode .footer {
    background: var(--color-bg-secondary);
    border-top: 1px solid var(--color-border);
}

body.light-mode .footer-bottom {
    border-top: 1px solid var(--color-border);
}

body.light-mode .mode-card .mode-packages span {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
}

body.light-mode .mode-detail-card .mode-packages-list span {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
}

body.light-mode .docs-sidebar.active {
    background: var(--color-bg-secondary);
}

body.light-mode .sidebar-content ul li a {
    color: var(--color-text-secondary);
}

body.light-mode .sidebar-content ul li a:hover {
    color: var(--color-text);
}

body.light-mode .gs-list li {
    border-bottom: 1px solid var(--color-border);
}

body.light-mode .about-list li {
    border-bottom: 1px solid var(--color-border);
}

body.light-mode .hero-stats {
    border-top: 1px solid var(--color-border);
}

body.light-mode .stat-number {
    color: var(--color-text);
}

body.light-mode .install-code .copy-btn,
body.light-mode .install-code-large .copy-btn,
body.light-mode .docs-code .copy-btn {
    background: var(--color-bg-secondary);
    color: var(--color-text-secondary);
}

body.light-mode .install-code .copy-btn:hover,
body.light-mode .install-code-large .copy-btn:hover,
body.light-mode .docs-code .copy-btn:hover {
    background: var(--color-primary);
    color: white;
}