/* Light Theme CSS Variables - 100% Light Grey/White Theme */
:root {
    /* Background Colors - 100% Light */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #e0e0e0;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-hover: #f0f0f0;
    
    /* Text Colors - Black, Blue, Red Only */
    --text-primary: #000000;
    --text-secondary: #1e3a8a; /* Dark Blue */
    --text-muted: #666666;
    --text-inverse: #ffffff;
    
    /* Border Colors - Light Grey */
    --border-primary: #d0d0d0;
    --border-secondary: #c0c0c0;
    --border-accent: #b0b0b0;
    
    /* Accent Colors - Blue and Red */
    --primary: #1e3a8a; /* Dark Blue */
    --primary-light: #3b82f6; /* Lighter Blue */
    --primary-dark: #1e40af; /* Darker Blue */
    --primary-hover: #2563eb; /* Hover Blue */
    
    /* Status Colors */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #dc2626; /* Red */
    --danger: #ef4444; /* Red */
    
    /* Shadow Colors - Light */
    --shadow-light: rgba(0, 0, 0, 0.05);
    --shadow-medium: rgba(0, 0, 0, 0.1);
    --shadow-heavy: rgba(0, 0, 0, 0.15);
    
    /* Gradient Colors - Light */
    --gradient-primary: linear-gradient(135deg, #1e3a8a, #3b82f6);
    --gradient-secondary: linear-gradient(135deg, #f5f5f5, #e0e0e0);
}

/* Light Theme Overrides - 100% Light Theme */
body.light-theme {
    background: var(--bg-primary);
    color: var(--text-primary);
}

/* Header */
.light-theme .main-header {
    background: var(--bg-primary);
    border-bottom: 1px solid var(--border-primary);
}

.light-theme .brand-link {
    color: var(--primary); /* Blue */
}

.light-theme .nav-link {
    color: var(--text-primary); /* Black */
}

.light-theme .nav-link:hover {
    color: var(--primary); /* Blue */
}

/* Hero Section - Light Background */
.light-theme .hero {
    background: transparent;
}

.light-theme .hero::before {
    background: none; /* Remove dark overlay */
}

.light-theme .hero-badge {
    background: rgba(30, 58, 138, 0.1); /* Light Blue */
    border: 1px solid var(--primary);
    color: var(--primary); /* Blue */
}

.light-theme .hero-title {
    color: var(--text-primary); /* Black */
}

.light-theme .hero-description {
    color: var(--text-secondary); /* Blue */
}

/* AI Models Section - Light Theme */
.light-theme .ai-models-section {
    background: transparent;
}

.light-theme .ai-models-heading {
    color: var(--primary); /* Blue Title */
}

.light-theme .ai-models-subtitle {
    color: var(--text-primary); /* Black */
}

.light-theme .ai-models-card {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary); /* Light border */
    box-shadow: 0 2px 4px var(--shadow-light); /* Light shadow */
}

.light-theme .ai-models-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--shadow-medium); /* Medium shadow on hover */
}

.light-theme .ai-models-icon {
    background: var(--primary); /* Blue */
    box-shadow: 0 0 15px rgba(30, 58, 138, 0.2); /* Blue glow */
}

.light-theme .ai-models-card h3 {
    color: var(--primary); /* Blue */
}

.light-theme .ai-models-tag {
    color: var(--primary); /* Blue */
    background: rgba(30, 58, 138, 0.1); /* Light blue background */
    border: 1px solid rgba(30, 58, 138, 0.2); /* Light blue border */
}

.light-theme .ai-models-card p {
    color: var(--text-primary); /* Black */
}

.light-theme .ai-models-center .ring {
    border: 1px solid rgba(30, 58, 138, 0.2); /* Light blue rings */
}

.light-theme .ai-models-svg {
    filter: brightness(1.1) contrast(1.1); /* Enhance light theme SVG */
}

.light-theme .ai-models-center svg {
    stroke: var(--primary); /* Blue SVG */
}

.light-theme .ai-models-center .line {
    stroke: var(--primary); /* Blue lines */
}

/* Override inline SVG colors for AI models center */
.light-theme .ai-models-center svg circle[fill="#00cfa0"] {
    fill: var(--primary) !important; /* Blue nodes */
}

.light-theme .ai-models-center svg g[fill="#00cfa0"] {
    fill: var(--primary) !important; /* Blue nodes */
}

.light-theme .ai-models-center svg g[stroke="#00cfa0"] {
    stroke: var(--primary) !important; /* Blue lines */
}

.light-theme .ai-models-center svg g[stroke="url(#lineGrad)"] {
    stroke: var(--primary) !important; /* Blue orbit lines */
}

.light-theme .ai-models-center svg g[stroke="url(#sideGrad)"] {
    stroke: var(--primary) !important; /* Blue side lines */
}

.light-theme .ai-models-center svg circle[fill="url(#coreGrad)"] {
    fill: var(--primary) !important; /* Blue core */
}

/* Override gradient definitions for connecting lines */
.light-theme #sideGrad stop:nth-child(1) {
    stop-color: var(--primary) !important; /* Blue gradient start */
}

.light-theme #sideGrad stop:nth-child(2) {
    stop-color: var(--primary) !important; /* Blue gradient end */
}

/* AI Models Layout - Light Theme */
.light-theme .ai-models-layout {
    background: transparent;
}

/* Circular Layout - Light Theme */
.light-theme .circular-layout .ai-models-card {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .circular-layout .connection-line {
    stroke: var(--border-primary); /* Light grey connections */
}

/* Responsive AI Models - Light Theme */
@media (max-width: 768px) {
    .light-theme .ai-models-section {
        background: var(--bg-primary); /* White */
    }
}

/* Cards and Sections - White Backgrounds */

/* Chat Section - Light Theme */
.light-theme .chat-container {
    background: var(--bg-primary); /* White */
    border: none; /* Remove border */
}

.light-theme .chat-header {
    background: var(--bg-primary); /* Light Grey */
    border-bottom: 1px solid var(--border-primary);
}

.light-theme .chat-title {
    color: var(--text-primary); /* Black */
}

.light-theme .chat-subtitle {
    color: var(--text-secondary); /* Blue */
}

.light-theme .chat-input {
    background: var(--bg-input); /* White */
    border: 1px solid var(--border-secondary);
    color: var(--text-primary); /* Black */
}

.light-theme .chat-input::placeholder {
    color: var(--text-muted);
}

.light-theme .chat-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
}

/* Chat Messages Container - Light Theme */
.light-theme .chat-messages {
    background: var(--bg-primary); /* White */
    margin: 20px;
    border: none; /* Remove border */
}

/* Messages - Light Theme */
.light-theme .message.user {
    background: white; /* Grey background */
    color: var(--text-primary); /* Black text */
}

.light-theme .message.user .message-content {
    background: rgb(85, 85, 85) !important; /* Grey background */
    color: white !important; /* Black text */
}

.light-theme .message.assistant {
    background: var(--bg-primary); /* Pure White - Lighter */
    color: var(--text-primary); /* Black */
    border: none; /* Remove border */
}

.light-theme .message.assistant.centered {
    background: var(--bg-primary); /* Light Grey - Lighter */
    color: #000000 !important; /* Black - Important to override */
    border: none; /* Remove border */
}

.light-theme .message.assistant .message-content {
    color: var(--text-primary) !important; /* Black - Override white text */
}

.light-theme .message.assistant.centered .message-content {
    color: #000000 !important; /* Black - Override white text for welcome message */
}

.light-theme .message.centered {
    background: var(--bg-secondary); /* Light Grey - Lighter */
    color: var(--text-primary); /* Black - Changed from grey */
    border: none; /* Remove border */
}

/* Chat Suggestions - Light Theme */
.light-theme .chat-suggestions {
    background: var(--bg-primary); /* White */
    border: none; /* Remove border */
}

.light-theme .suggestions-grid {
    background: var(--bg-primary); /* White */
}

.light-theme .suggestion-item {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
    color: var(--text-primary); /* Black */
}

.light-theme .suggestion-item:hover {
    background: var(--bg-hover); /* Light Grey Hover */
    border-color: var(--primary); /* Blue Border */
    transform: translateY(-1px);
    box-shadow: 0 2px 8px var(--shadow-light);
}

/* Locked Overlay - Light Theme */
.light-theme .locked-tool-overlay {
    background: rgba(255, 255, 255, 0.95); /* White Overlay */
    backdrop-filter: blur(10px);
}

.light-theme .locked-content {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
    box-shadow: 0 8px 32px var(--shadow-medium);
}

.light-theme .locked-title {
    color: var(--text-primary); /* Black */
}

.light-theme .locked-description {
    color: var(--text-secondary); /* Blue */
}

.light-theme .locked-actions .btn-primary {
    background: var(--primary); /* Blue */
    color: var(--text-inverse); /* White */
}

.light-theme .locked-actions .btn-secondary {
    background: var(--bg-card); /* White */
    color: var(--text-primary); /* Black */
    border: 1px solid var(--border-primary);
}

.light-theme .locked-actions .btn-secondary:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary);
}

/* Demo Container - Light Theme */
.light-theme .demo-container {
    background: var(--bg-primary); /* White */
    border: none; /* Remove border */
}

.light-theme .demo-container.fullscreen {
    background: var(--bg-primary); /* White */
    border: none;
}

/* Tool Containers - Light Theme */
.light-theme .tool-container {
    background: var(--bg-primary); /* White */
}

.light-theme .phishing-container,
.light-theme .email-container,
.light-theme .virus-container {
    background: var(--bg-primary); /* White */
}

/* Scan Input - Light Theme */
.light-theme .scan-input {
    background: var(--bg-input); /* White */
    border: 1px solid var(--border-primary);
    color: var(--text-primary); /* Black */
}

.light-theme .scan-input::placeholder {
    color: var(--text-muted) !important; /* Grey */
    opacity: 1;
}

.light-theme .scan-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
}

/* Scan Results - Light Theme */
.light-theme .scan-results-dashboard {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .scan-score {
    border-bottom: 1px solid var(--border-primary);
}

.light-theme .score-circle {
    border-color: var(--primary); /* Blue */
    color: #ffffff;
}

.light-theme .score-val,
.light-theme .score-sep,
.light-theme .score-max {
    color: var(--text-primary) !important; /* Black - Force override */
}

.light-theme .vendors-list {
    /* Grid layout stays the same */
}

.light-theme .vendor-item {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
    color: var(--text-primary) !important; /* Black - Force override */
}

.light-theme .vendor-item span {
    color: var(--text-primary) !important; /* Black - Force override */
}

.light-theme .badge {
    background: rgba(30, 58, 138, 0.1); /* Light blue */
    color: var(--primary); /* Blue */
}

.light-theme .clean-badge {
    background: rgba(0, 212, 177, 0.1); /* Light green */
    color: #00d4b1;
}

/* Chat Input Container - Light Theme */
.light-theme .chat-input-container {
    background: var(--bg-primary); /* White */
    border-top: none; /* Remove border */
}

/* Chat Input - Enhanced Light Theme */
.light-theme .chat-input {
    background: var(--bg-input); /* White */
    border: 1px solid var(--border-secondary);
    color: var(--text-primary); /* Black */
}

.light-theme .chat-input:focus {
    outline: none;
    border-color: var(--primary); /* Blue */
    background: var(--bg-input); /* White */
    box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.1);
}

.light-theme .chat-input::placeholder {
    color: var(--text-primary) !important; /* Grey */
    opacity: 1 !important;
}

.light-theme .chat-input:focus::placeholder {
    color: var(--text-muted) !important; /* Grey */
    opacity: 1 !important;
}

/* Ensure textarea specifically gets light theme */
.light-theme textarea.chat-input {
    background: var(--bg-input) !important; /* White */
    color: var(--text-primary) !important; /* Black */
}

.light-theme textarea.chat-input:focus {
    background: var(--bg-input) !important; /* White */
    color: var(--text-primary) !important; /* Black */
}

/* Send Button - Enhanced Light Theme */
.light-theme .send-btn {
    background: var(--primary); /* Blue */
    color: var(--text-inverse); /* White */
    border: none;
}

.light-theme .send-btn:hover:not(:disabled) {
    background: var(--primary-hover); /* Lighter Blue */
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(30, 58, 138, 0.2);
}

.light-theme .send-btn:disabled {
    background: var(--border-accent); /* Grey */
    color: var(--text-muted); /* Grey */
    opacity: 0.6;
}

/* All Buttons - Enhanced Light Theme Override */
.light-theme .btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.light-theme .btn-primary {
    background: var(--gradient-primary); /* Blue Gradient */
    color: var(--text-inverse); /* White */
    border: 1px solid var(--primary);
}

.light-theme .btn-primary:hover {
    background: var(--primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2);
    border-color: var(--primary-hover);
}

.light-theme .btn-secondary {
    background: var(--bg-card); /* White */
    color: var(--text-primary); /* Black */
    border: 1px solid var(--border-primary);
}

.light-theme .btn-secondary:hover {
    background: var(--bg-hover); /* Light Grey */
    border-color: var(--primary); /* Blue */
    color: var(--primary); /* Blue */
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.1);
}

/* Floating Buttons - Light Theme */
.light-theme .floating-btn.btn-secondary {
    background: var(--bg-card); /* White */
    color: var(--text-primary); /* Black */
    border: 1px solid var(--border-primary);
}

.light-theme .floating-btn.btn-secondary:hover {
    background: var(--bg-hover); /* Light Grey */
    color: var(--primary); /* Blue */
    border-color: var(--primary);
    box-shadow: 0 4px 12px var(--shadow-medium);
}

.light-theme .floating-btn.btn-primary {
    background: var(--gradient-primary); /* Blue Gradient */
    color: var(--text-inverse); /* White */
    border: 1px solid var(--primary);
}

.light-theme .floating-btn.btn-primary:hover {
    background: var(--primary-hover); /* Lighter Blue */
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2);
    border-color: var(--primary-hover);
}

/* Locked Actions Buttons - Enhanced Light Theme */
.light-theme .locked-actions .btn-primary {
    background: var(--primary); /* Blue */
    color: var(--text-inverse); /* White */
    border: 1px solid var(--primary);
}

.light-theme .locked-actions .btn-primary:hover {
    background: var(--primary-hover); /* Lighter Blue */
    color: var(--text-inverse); /* White */
    border-color: var(--primary-hover);
    box-shadow: 0 4px 12px var(--shadow-medium);
}

.light-theme .locked-actions .btn-secondary {
    background: var(--bg-card); /* White */
    color: var(--text-primary); /* Black */
    border: 1px solid var(--border-primary);
}

.light-theme .locked-actions .btn-secondary:hover {
    background: var(--bg-hover); /* Light Grey */
    border-color: var(--primary); /* Blue */
    color: var(--primary); /* Blue */
    transform: translateY(-1px);
}

/* Typing Indicator - Light Theme */
.light-theme .typing-indicator {
    background: var(--bg-secondary); /* Light Grey */
    color: var(--text-muted); /* Grey */
}

.light-theme .typing-dots span {
    background: var(--text-muted); /* Grey */
}

/* Message Content - Light Theme */
.light-theme .message-content {
    color: inherit;
}

.light-theme .message.centered {
    background: var(--bg-primary); /* Pure White - Lighter */
    color: var(--text-primary); /* Black - Changed from grey */
    border: none; /* Remove border */
}

/* Send Button - Light Theme */
.light-theme .send-btn {
    background: var(--primary); /* Blue */
    color: var(--text-inverse); /* White */
}

.light-theme .send-btn:hover {
    background: var(--primary-hover); /* Lighter Blue */
}

.light-theme .send-btn:disabled {
    background: var(--border-accent); /* Grey */
    color: var(--text-muted); /* Grey */
}

/* Buttons - Blue and Light */
.light-theme .btn-primary {
    background: var(--gradient-primary); /* Blue Gradient */
    color: var(--text-inverse); /* White */
    border: 1px solid var(--primary);
}

.light-theme .btn-primary:hover {
    background: var(--primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.2);
}

.light-theme .btn-secondary {
    background: var(--bg-card); /* White */
    color: var(--text-primary); /* Black */
    border: 1px solid var(--border-primary);
}

.light-theme .btn-secondary:hover {
    background: var(--bg-hover);
    border-color: var(--primary);
    color: var(--primary); /* Blue */
}

/* Comparison Section - Light Theme */
.light-theme .comparison-section {
    background: transparent;
}

.light-theme .comparison-heading {
    color: var(--text-primary); /* Black */
}

.light-theme .comparison-subtitle {
    color: var(--text-primary); /* Black */
}

.light-theme .comparison-subtitle span:first-child {
    color: var(--danger); /* Red - keep colored */
}

.light-theme .comparison-subtitle span:last-child {
    color: var(--primary); /* Blue - keep colored */
}

.light-theme .comparison-description {
    color: var(--text-primary); /* Blue */
}

.light-theme .comparison-column {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary); /* Light border */
    box-shadow: 0 2px 4px var(--shadow-light); /* Light shadow */
}

.light-theme .comparison-column:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px var(--shadow-medium); /* Medium shadow on hover */
}

.light-theme .comparison-column.with {
    border-color: var(--primary); /* Blue border */
    background: var(--bg-card); /* White */
}

.light-theme .comparison-column.without {
    border-color: var(--danger); /* Red border */
    background: var(--bg-card); /* White */
}

.light-theme .comparison-column.without:hover {
    border-color: var(--error);
    background: rgba(239, 68, 68, 0.02); /* Very light red */
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.1);
}

.light-theme .comparison-column.with:hover {
    border-color: var(--primary-hover);
    background: rgba(30, 58, 138, 0.02); /* Very light blue */
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.1);
}

.light-theme .column-header {
    background: var(--bg-card); /* Light grey */
    border-bottom: 1px solid var(--border-primary);
}

.light-theme .comparison-column.without .column-header h3 {
    color: var(--danger); /* Red - keep colored */
}

.light-theme .comparison-column.with .column-header h3 {
    color: var(--primary); /* Blue - keep colored */
}

.light-theme .status-badge.secure {
    background: var(--success);
    color: var(--text-inverse); /* White text */
}

.light-theme .status-badge.risk {
    background: var(--danger); /* Red */
    color: var(--text-inverse); /* White text */
}

.light-theme .metric-item {
    background: transparent;
    border-bottom: 1px solid var(--border-primary);
}

.light-theme .metric-label {
    color: var(--text-primary); /* Black */
}

.light-theme .metric-label span {
    color: var(--text-primary) !important; /* Black - Override gray */
}

.light-theme .metric-value.poor {
    color: var(--danger); /* Red - keep colored */
}

.light-theme .metric-value.excellent {
    color: var(--primary); /* Blue - keep colored */
}

.light-theme .metric-description {
    color: var(--text-primary); /* Grey */
}

.light-theme .comparison-column.with .metric-item:hover {
    background: rgba(30, 58, 138, 0.05); /* Light blue */
}

.light-theme .comparison-column.without .metric-item:hover {
    background: rgba(239, 68, 68, 0.05); /* Light red */
}

.light-theme .improvement {
    color: var(--primary); /* Blue - keep colored */
}

/* Responsive Comparison - Light Theme */
@media (max-width: 768px) {
    .light-theme .comparison-section {
        background: var(--bg-primary); /* White */
    }
}
.light-theme .comparison-column.with {
    border-color: var(--primary); /* Blue */
}

.light-theme .comparison-column.with:hover {
    border-color: var(--primary-hover);
    background: rgba(30, 58, 138, 0.02);
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.1);
}

.light-theme .comparison-column.without {
    border-color: var(--danger); /* Red */
}

.light-theme .comparison-column.without:hover {
    border-color: var(--error);
    background: rgba(239, 68, 68, 0.02);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.1);
}

.light-theme .comparison-column.with .column-header h3 {
    color: var(--primary); /* Blue */
}

.light-theme .comparison-column.without .column-header h3 {
    color: var(--danger); /* Red */
}

.light-theme .status-badge.secure {
    background: var(--primary-dark);
    color: var(--text-inverse);
}

.light-theme .status-badge.risk {
    background: var(--danger); /* Red */
    color: var(--text-inverse);
}

/* Metrics - Blue and Red */
.light-theme .metric-value.excellent {
    color: var(--primary); /* Blue */
}

.light-theme .metric-value.poor {
    color: var(--danger); /* Red */
}

.light-theme .comparison-column.with .metric-item:hover {
    background: rgba(30, 58, 138, 0.05);
}

.light-theme .comparison-column.without .metric-item:hover {
    background: rgba(239, 68, 68, 0.05);
}

/* FAQ Section - Light */
.light-theme .faq-section {
    background: transparent;
}

.light-theme .faq-heading {
    color: var(--text-primary); /* Black */
}

.light-theme .faq-subtitle {
    color: var(--text-primary); /* Black - Changed from blue */
}

.light-theme .faq-item {
    background: var(--bg-card); /* White */
    border: none; /* Remove border */
}

.light-theme .faq-item:hover {
    border: none; /* Remove border */
    box-shadow: 0 2px 8px var(--shadow-medium);
}

.light-theme .faq-question {
    color: var(--text-primary); /* Black */
}

.light-theme .faq-answer {
    color: var(--text-primary); /* Black */
}

.light-theme .faq-content h3 {
    color: var(--text-primary) !important; /* Black - Override white */
}

.light-theme .faq-content p {
    color: var(--text-primary) !important; /* Black - Override white */
}

/* Header and Navigation - Light Theme */
.light-theme .main-header {
    background: var(--bg-card); /* White */
    border-bottom: 1px solid var(--border-primary);
}

.light-theme .navbar {
    background: var(--bg-card); /* White */
}

.light-theme .brand-link {
    color: #1e3a8a !important; /* Dark Blue - Override gradient */
    background: none !important; /* Remove gradient */
    -webkit-background-clip: unset !important; /* Remove text clipping */
    -webkit-text-fill-color: #1e3a8a !important; /* Dark blue text fill */
    background-clip: unset !important; /* Remove text clipping */
}

.light-theme .brand-link:hover {
    color: var(--primary); /* Blue */
}

.light-theme .nav-link {
    color: var(--text-primary); /* Black */
}

.light-theme .nav-link:hover {
    color: var(--primary); /* Blue */
}

.light-theme .nav-menu {
    background: var(--bg-card); /* White */
}

.light-theme .nav-links {
    background: var(--bg-card); /* White */
}

/* Footer - Light */
.light-theme .footer {
    background: var(--bg-secondary); /* Light Grey */
    border-top: 1px solid var(--border-primary);
}

.light-theme .footer-brand h3 {
    color: var(--primary); /* Blue */
}

.light-theme .footer-brand p {
    color: var(--text-primary); /* Black */
}

.light-theme .footer-section h4 {
    color: var(--text-primary); /* Black */
}

.light-theme .footer-links a {
    color: var(--text-primary); /* Black */
}

.light-theme .footer-links a:hover {
    color: var(--primary); /* Blue */
}

.light-theme .footer-bottom {
    border-top: 1px solid var(--border-primary);
}

.light-theme .footer-bottom p {
    color: var(--text-muted); /* Grey */
}

/* Sidebar - Light Theme */
.light-theme .sidebar {
    background: var(--bg-card); /* White */
    border: none; /* Remove all borders */
    border-right: 1px solid var(--border-primary); /* Add right border */
    box-shadow: none; /* Remove shadow */
}

.light-theme .sidebar-header {
    background: var(--bg-secondary); /* Light Grey */
    border-bottom: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
}

.light-theme .sidebar-title {
    color: var(--text-primary); /* Black */
}

.light-theme .tool-item {
    background: var(--bg-card); /* White */
    border: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
}

.light-theme .tool-item:hover {
    background: var(--bg-hover);
    border: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
}

.light-theme .tool-name {
    color: var(--text-primary); /* Black */
}

.light-theme .tool-description {
    color: var(--text-muted);
}

/* Tools Label - Light Theme */
.light-theme .tools-label {
    color: var(--primary); /* Dark Blue */
}

/* Sidebar Icons - Light Theme */
.light-theme .tool-icon {
    color: var(--text-primary); /* Black */
}

.light-theme .tool-icon svg {
    stroke: var(--text-primary); /* Black */
}

.light-theme .tool-icon svg path {
    stroke: var(--text-primary); /* Black */
}

/* Particles - Light Blue */
.light-theme .particle {
    background: rgba(30, 58, 138, 0.4); /* Light Blue */
}

.light-theme .particle::before {
    background: radial-gradient(circle, rgba(30, 58, 138, 0.2), transparent 70%);
}

/* Section Dividers - Light */
.light-theme .section-divider {
    background: linear-gradient(90deg, transparent, var(--border-primary), transparent);
}

/* Remove all dark overlays and gradients */
.light-theme .hero::before {
    display: none;
}

.light-theme .demo-section::before {
    display: none;
}

/* About Page - Dark Theme Styles */
body:not(.light-theme) .about-container {
    background: transparent;
}

body:not(.light-theme) .about-hero h1 {
    color: #ffffff;
    background: linear-gradient(135deg, #ffffff 0%, #94a3b8 50%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body:not(.light-theme) .about-hero p {
    color: rgba(255, 255, 255, 0.8);
}

body:not(.light-theme) .about-section {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .section-header h2 {
    color: #ffffff;
}

body:not(.light-theme) .section-header h2::after {
    background: #3b82f6;
}

body:not(.light-theme) .section-header p {
    color: rgba(255, 255, 255, 0.7);
}

body:not(.light-theme) .story-text {
    color: rgba(255, 255, 255, 0.9);
}

body:not(.light-theme) .story-text p {
    color: rgba(255, 255, 255, 0.85);
}

body:not(.light-theme) .mission-card,
body:not(.light-theme) .vision-card {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .mission-card h3,
body:not(.light-theme) .vision-card h3 {
    color: #ffffff;
}

body:not(.light-theme) .mission-card h3::after,
body:not(.light-theme) .vision-card h3::after {
    background: #3b82f6;
}

body:not(.light-theme) .mission-card p,
body:not(.light-theme) .vision-card p {
    color: rgba(255, 255, 255, 0.85);
}

body:not(.light-theme) .different-card {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .different-card h3 {
    color: #ffffff;
}

body:not(.light-theme) .different-card p {
    color: rgba(255, 255, 255, 0.85);
}

body:not(.light-theme) .different-card:hover {
    border-color: #3b82f6;
}

/* Light Theme - About Page Styles */
.light-theme .about-container {
    background: transparent;
}

.light-theme .about-hero h1 {
    color: var(--text-primary); /* Black */
}

.light-theme .about-section {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
    box-shadow: 0 2px 8px var(--shadow-light);
}

.light-theme .section-header h2 {
    color: var(--text-primary); /* Black */
}

.light-theme .section-header p {
    color: var(--text-primary); /* Black */
}

.light-theme .story-text {
    color: var(--text-primary); /* Black */
}

.light-theme .mission-card, .light-theme .vision-card {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .mission-card h3, .light-theme .vision-card h3 {
    color: var(--text-primary); /* Black */
}

.light-theme .mission-card p, .light-theme .vision-card p {
    color: var(--text-primary); /* Black */
}

.light-theme .different-card {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .different-card h3 {
    color: var(--text-primary); /* Black */
}

.light-theme .different-card p {
    color: var(--text-primary); /* Black */
}

/* About Page Teal Color Overrides */
.light-theme .about-hero h1::after {
    background: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .section-header h2::after {
    background: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .mission-card::before,
.light-theme .vision-card::before {
    background: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .different-card:hover {
    border-color: var(--primary) !important; /* Blue instead of teal */
}

/* Blog Page - Light Theme */
.light-theme .blog-container {
    background: transparent;
}

.light-theme .blog-hero {
    background: transparent;
}

.light-theme .blog-feed {
    background: transparent;
}

.light-theme .blog-hero h1 {
    color: var(--text-primary); /* Black */
}

.light-theme .blog-post {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .blog-post h2 {
    color: var(--text-primary); /* Black */
}

.light-theme .blog-post p {
    color: var(--text-primary); /* Black */
}

.light-theme .blog-meta {
    color: var(--text-muted); /* Grey */
}

.light-theme .blog-excerpt {
    color: var(--text-primary); /* Black */
}

.light-theme .read-more {
    color: var(--text-primary) !important; /* Black */
    border-color: var(--text-primary) !important; /* Black */
}

.light-theme .read-more:hover {
    color: var(--primary) !important; /* Blue */
    border-color: var(--primary) !important; /* Blue */
}

.light-theme .read-more-btn {
    color: var(--text-primary) !important; /* Black */
    border-color: var(--text-primary) !important; /* Black */
}

.light-theme .read-more-btn:hover {
    color: var(--primary) !important; /* Blue */
    border-color: var(--primary) !important; /* Blue */
}

.light-theme .load-more-btn {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
    color: var(--text-primary); /* Black */
}

.light-theme .load-more-btn:hover {
    background: var(--bg-hover); /* Light grey */
    border-color: var(--primary);
    color: var(--primary); /* Blue */
}

/* Contact Page - Dark Theme Styles */
body:not(.light-theme) .contact-container {
    background: transparent;
}

body:not(.light-theme) .contact-hero h1 {
    color: #ffffff;
    background: linear-gradient(135deg, #ffffff 0%, #94a3b8 50%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body:not(.light-theme) .contact-hero h1::after {
    background: linear-gradient(90deg, #2563eb, #3b82f6);
}

body:not(.light-theme) .contact-hero p {
    color: rgba(255, 255, 255, 0.8);
}

body:not(.light-theme) .contact-section {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .contact-info h2 {
    color: #ffffff;
}

body:not(.light-theme) .contact-info h2::after {
    background: #2563eb;
}

body:not(.light-theme) .contact-info p {
    color: rgba(255, 255, 255, 0.85);
}

body:not(.light-theme) .contact-method {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .contact-method::before {
    background: linear-gradient(90deg, #2563eb, #3b82f6);
}

body:not(.light-theme) .contact-method:hover {
    border-color: #2563eb;
}

body:not(.light-theme) .contact-method h3 {
    color: #ffffff;
}

body:not(.light-theme) .contact-method p {
    color: rgba(255, 255, 255, 0.85);
}

body:not(.light-theme) .contact-method a {
    color: #2563eb;
}

body:not(.light-theme) .contact-method a:hover {
    color: #3b82f6;
}

body:not(.light-theme) .support-hours {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .support-hours h3 {
    color: #ffffff;
}

body:not(.light-theme) .support-hours p {
    color: rgba(255, 255, 255, 0.85);
}

body:not(.light-theme) .response-time {
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .response-time h4 {
    color: #ffffff;
}

body:not(.light-theme) .response-time p {
    color: rgba(255, 255, 255, 0.85);
}

/* Light Theme - Contact Page Styles */
.light-theme .contact-container {
    background: transparent;
}

.light-theme .contact-hero {
    background: transparent;
}

.light-theme .contact-hero h1 {
    color: var(--text-primary); /* Black */
}

.light-theme .contact-hero p {
    color: var(--text-primary); /* Black */
}

.light-theme .contact-section {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .contact-info h2 {
    color: var(--text-primary); /* Black */
}

.light-theme .contact-info p {
    color: var(--text-primary); /* Black */
}

.light-theme .contact-method {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .contact-method h3 {
    color: var(--text-primary); /* Black */
}

.light-theme .contact-method p {
    color: var(--text-primary); /* Black */
}

.light-theme .support-hours {
    background: var(--bg-secondary); /* Light grey */
}

/* Contact Page Teal Color Overrides */
.light-theme .contact-hero h1::after {
    background: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .contact-info h2::after {
    background: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .contact-method::before {
    background: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .contact-method:hover {
    border-color: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .contact-method a {
    color: var(--primary) !important; /* Blue instead of teal */
}

.light-theme .contact-method a:hover {
    color: var(--primary-hover) !important; /* Darker blue on hover */
}

.light-theme .contact-form {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

.light-theme .form-group label {
    color: var(--text-primary); /* Black */
}

.light-theme .form-group input,
.light-theme .form-group textarea {
    background: var(--bg-primary); /* White */
    border: 1px solid var(--border-primary);
    color: var(--text-primary); /* Black */
}

.light-theme .contact-methods {
    background: var(--bg-card); /* White */
    border: 1px solid var(--border-primary);
}

/* Login and Signup Pages - Light Theme */
.light-theme .auth-container {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 25%, var(--bg-card) 50%, var(--bg-secondary) 75%, var(--bg-primary) 100%);
}

.light-theme .close-btn {
    background: var(--bg-card);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.light-theme .close-btn:hover {
    background: var(--bg-secondary);
    border-color: var(--primary);
}

.light-theme .auth-hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.02));
    border-right: 1px solid var(--border-primary);
}

.light-theme .hero-content {
    color: var(--text-primary);
}

.light-theme .hero-badge {
    color: var(--primary);
    background: rgba(37, 99, 235, 0.1);
    border: 1px solid rgba(37, 99, 235, 0.2);
}

.light-theme .hero-title {
    color: var(--text-primary);
}

.light-theme .auth-form-section {
    background: var(--bg-primary);
}

.light-theme .auth-card {
    background: var(--bg-card);
    border: 1px solid var(--border-primary);
    box-shadow: 0 4px 20px var(--shadow-light);
}

.light-theme .auth-card:hover {
    box-shadow: 0 8px 30px var(--shadow-medium);
}

.light-theme .auth-tabs {
    border-bottom: 2px solid var(--border-primary);
}

.light-theme .tab-btn {
    color: var(--text-muted);
}

.light-theme .tab-btn.active {
    color: var(--primary);
    background: rgba(37, 99, 235, 0.05);
}

.light-theme .tab-btn:hover {
    color: var(--primary);
}

.light-theme .auth-title {
    color: var(--text-primary);
}

.light-theme .auth-subtitle {
    color: var(--text-muted);
}

.light-theme .form-group label {
    color: var(--text-primary);
}

.light-theme .form-group input {
    background: var(--bg-primary);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.light-theme .form-group input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.light-theme .password-toggle {
    color: var(--text-muted);
}

.light-theme .password-toggle:hover {
    color: var(--primary);
}

.light-theme .remember-me {
    color: var(--text-primary);
}

.light-theme .remember-me input[type="checkbox"] {
    border: 1px solid var(--border-primary);
}

.light-theme .forgot-link {
    color: var(--primary);
}

.light-theme .forgot-link:hover {
    color: var(--primary-hover);
}

.light-theme .auth-btn {
    background: var(--primary);
    color: var(--text-inverse);
    border: none;
}

.light-theme .auth-btn:hover {
    background: var(--primary-hover);
}

.light-theme .divider {
    color: var(--text-muted);
}

.light-theme .divider::before,
.light-theme .divider::after {
    background: var(--border-primary);
}

.light-theme .social-btn {
    background: var(--bg-card);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

.light-theme .social-btn:hover {
    background: var(--bg-secondary);
    border-color: var(--primary);
}

.light-theme .signup-link {
    color: var(--text-muted);
}

.light-theme .signup-link a {
    color: var(--primary);
}

.light-theme .signup-link a:hover {
    color: var(--primary-hover);
}

/* Auth Pages - Teal Color Overrides */
.light-theme .auth-container {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 25%, var(--bg-card) 50%, var(--bg-secondary) 75%, var(--bg-primary) 100%) !important;
}

.light-theme .auth-hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.02)) !important;
    border-right: 1px solid var(--border-primary) !important;
}

.light-theme .gradient-overlay {
    background: radial-gradient(circle at 30% 20%, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
                radial-gradient(circle at 70% 80%, rgba(37, 99, 235, 0.05) 0%, transparent 50%) !important;
}

.light-theme .auth-form-section {
    background: var(--bg-primary) !important;
}

.light-theme .auth-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 4px 20px var(--shadow-light) !important;
}

.light-theme .auth-card:hover {
    box-shadow: 0 8px 30px var(--shadow-medium) !important;
}

.light-theme .auth-tabs {
    border-bottom: 2px solid var(--border-primary) !important;
}

.light-theme .tab-btn {
    color: var(--text-muted) !important;
    background: transparent !important;
    border: none !important;
}

.light-theme .tab-btn.active {
    color: var(--primary) !important;
    background: rgba(37, 99, 235, 0.05) !important;
}

.light-theme .tab-btn:hover {
    color: var(--primary) !important;
}

.light-theme .auth-heading {
    color: var(--text-primary) !important;
}

.light-theme .auth-subtitle {
    color: var(--text-muted) !important;
}

.light-theme .form-group label {
    color: var(--text-primary) !important;
}

.light-theme .input-icon {
    color: var(--text-muted) !important;
}

.light-theme .input-wrapper input {
    background: var(--bg-primary) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.light-theme .input-wrapper input:focus {
    border-color: var(--primary) !important;
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 20px var(--shadow-light) !important;
}

.light-theme .input-wrapper input::placeholder {
    color: var(--text-muted) !important;
}

.light-theme .password-toggle {
    color: var(--text-muted) !important;
    background: transparent !important;
    border: none !important;
}

.light-theme .password-toggle:hover {
    color: var(--primary) !important;
}

.light-theme .checkbox-wrapper {
    color: var(--text-primary) !important;
}

.light-theme .checkmark {
    border: 2px solid var(--border-primary) !important;
    background: transparent !important;
}

.light-theme .checkbox-wrapper input[type="checkbox"]:checked + .checkmark {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.light-theme .forgot-link {
    color: var(--primary) !important;
}

.light-theme .forgot-link:hover {
    color: var(--primary-hover) !important;
}

.light-theme .auth-btn {
    background: var(--primary) !important;
    color: var(--text-inverse) !important;
    border: none !important;
}

.light-theme .auth-btn:hover {
    background: var(--primary-hover) !important;
}

.light-theme .auth-divider::before {
    background: var(--border-primary) !important;
}

.light-theme .auth-divider span {
    background: var(--bg-card) !important;
    color: var(--text-muted) !important;
}

.light-theme .social-btn {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    color: var(--text-primary) !important;
}

.light-theme .social-btn:hover {
    background: var(--bg-secondary) !important;
    border-color: var(--primary) !important;
    color: var(--text-primary) !important;
}

.light-theme .auth-footer {
    color: var(--text-muted) !important;
}

.light-theme .auth-footer a {
    color: var(--primary) !important;
}

.light-theme .auth-footer a:hover {
    color: var(--primary-hover) !important;
}

.light-theme .feature-item {
    color: var(--text-primary) !important;
}

.light-theme .feature-item i {
    color: var(--primary) !important;
}

/* More specific overrides for stubborn elements */
body.light-theme .auth-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
}

body.light-theme .auth-form-section {
    background: var(--bg-primary) !important;
}

body.light-theme .auth-container {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 25%, var(--bg-card) 50%, var(--bg-secondary) 75%, var(--bg-primary) 100%) !important;
}

@media (max-width: 768px) {
    .light-theme .auth-hero {
        border-bottom: 1px solid var(--border-primary) !important;
    }
}

@media (max-width: 768px) {
    .light-theme .hero {
        background: var(--bg-primary); /* Pure white on mobile */
    }
    
    .light-theme .chat-container {
        background: var(--bg-primary);
        border: none;
    }
}

/* Theme Toggle Button - Light Theme */
.theme-toggle {
    position: relative; /* Changed from fixed */
    top: auto; /* Reset */
    right: auto; /* Reset */
    z-index: 1000;
    background: var(--primary);
    color: var(--text-inverse);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px var(--shadow-medium);
    margin-left: 15px; /* Add spacing from nav links */
}

.theme-toggle:hover {
    background: var(--primary-hover);
    transform: scale(1.05);
    box-shadow: 0 4px 12px var(--shadow-heavy);
}

.light-theme .theme-toggle {
    background: var(--bg-card); /* White */
    color: var(--primary); /* Blue */
    border: 2px solid var(--primary);
}

.light-theme .theme-toggle:hover {
    background: var(--primary); /* Blue */
    color: var(--text-inverse); /* White */
}

/* Login/Signup Pages - Dark Theme Styles */
body:not(.light-theme) {
    background: #0f172a !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.light-theme) .theme-toggle {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-left: 15px !important;
    z-index: 1001 !important;
}

body:not(.light-theme) .auth-container {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #1e293b 75%, #0f172a 100%) !important;
    min-height: 100vh !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.light-theme) .auth-hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.05)) !important;
    border-right: 1px solid rgba(37, 99, 235, 0.3) !important;
}

body:not(.light-theme) .auth-hero .hero-content,
body:not(.light-theme) .auth-hero p,
body:not(.light-theme) .hero-subtitle {
    color: #ffffff !important;
}

body:not(.light-theme) .auth-hero .hero-title {
    background: linear-gradient(135deg, #ffffff 0%, #94a3b8 50%, #ffffff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

body:not(.light-theme) .hero-badge {
    color: rgba(255, 255, 255, 0.8) !important;
}

body:not(.light-theme) .close-btn {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

body:not(.light-theme) .close-btn:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}

body:not(.light-theme) .gradient-overlay {
    background: radial-gradient(circle at 30% 20%, rgba(37, 99, 235, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 70% 80%, rgba(37, 99, 235, 0.1) 0%, transparent 50%) !important;
}

body:not(.light-theme) .auth-form-section {
    background: #0f172a !important;
    min-height: 100vh !important;
}

body:not(.light-theme) .auth-card {
    background: rgba(30, 41, 59, 0.8) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    min-height: calc(100vh - 80px) !important;
}

body:not(.light-theme) .auth-tabs {
    border-bottom: 2px solid rgba(37, 99, 235, 0.3) !important;
}

body:not(.light-theme) .tab-btn {
    color: rgba(255, 255, 255, 0.6) !important;
}

body:not(.light-theme) .tab-btn.active {
    color: #3b82f6 !important;
}

body:not(.light-theme) .auth-heading {
    color: #ffffff !important;
}

body:not(.light-theme) .auth-subtitle {
    color: rgba(255, 255, 255, 0.7) !important;
}

body:not(.light-theme) .form-group label {
    color: #ffffff !important;
}

body:not(.light-theme) .input-icon {
    color: #3b82f6 !important;
}

body:not(.light-theme) .input-wrapper input {
    background: rgba(30, 41, 59, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

body:not(.light-theme) .input-wrapper input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

body:not(.light-theme) .password-toggle {
    color: rgba(255, 255, 255, 0.6) !important;
}

body:not(.light-theme) .checkbox-wrapper {
    color: #ffffff !important;
}

body:not(.light-theme) .checkmark {
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
}

body:not(.light-theme) .auth-btn {
    background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
    color: #ffffff !important;
}

body:not(.light-theme) .auth-divider::before {
    background: rgba(255, 255, 255, 0.2) !important;
}

body:not(.light-theme) .auth-divider span {
    background: rgba(30, 41, 59, 0.8) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

body:not(.light-theme) .social-btn {
    background: rgba(30, 41, 59, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

body:not(.light-theme) .social-btn:hover {
    border-color: #3b82f6 !important;
}

body:not(.light-theme) .auth-footer {
    color: rgba(255, 255, 255, 0.6) !important;
}

body:not(.light-theme) .auth-footer a {
    color: #3b82f6 !important;
}

body:not(.light-theme) .feature-item {
    color: rgba(255, 255, 255, 0.9) !important;
}

body:not(.light-theme) .feature-item i {
    color: #3b82f6 !important;
}

/* Privacy & Terms Pages - Light Theme Styles */
.light-theme .privacy-container,
.light-theme .terms-container {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

.light-theme:has(.privacy-container),
.light-theme:has(.terms-container) {
    background: #ffffff !important;
    color: #000000 !important;
}

.light-theme .privacy-header h1,
.light-theme .terms-header h1,
.light-theme .privacy-content h2,
.light-theme .terms-content h2,
.light-theme .privacy-content h3,
.light-theme .terms-content h3,
.light-theme .privacy-content,
.light-theme .terms-content,
.light-theme .privacy-content p,
.light-theme .terms-content p,
.light-theme .privacy-content li,
.light-theme .terms-content li,
.light-theme .privacy-content strong,
.light-theme .terms-content strong {
    color: #000000 !important;
}

.light-theme .privacy-content .warning,
.light-theme .terms-content .warning {
    color: #000000 !important;
}

/* Privacy & Terms Pages - Dark Theme Styles */
body:not(.light-theme) .privacy-container,
body:not(.light-theme) .terms-container {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body:not(.light-theme):has(.privacy-container),
body:not(.light-theme):has(.terms-container) {
    background: #000000 !important;
}

body:not(.light-theme):has(.privacy-container) body,
body:not(.light-theme):has(.terms-container) body {
    background: #000000 !important;
    color: #ffffff !important;
}

body:not(.light-theme):has(.privacy-container) .privacy-container,
body:not(.light-theme):has(.terms-container) .terms-container {
    background: #000000 !important;
}

body:not(.light-theme) .privacy-header h1,
body:not(.light-theme) .terms-header h1,
body:not(.light-theme) .privacy-content h2,
body:not(.light-theme) .terms-content h2,
body:not(.light-theme) .privacy-content h3,
body:not(.light-theme) .terms-content h3,
body:not(.light-theme) .privacy-content,
body:not(.light-theme) .terms-content,
body:not(.light-theme) .privacy-content p,
body:not(.light-theme) .terms-content p,
body:not(.light-theme) .privacy-content li,
body:not(.light-theme) .terms-content li,
body:not(.light-theme) .privacy-content strong,
body:not(.light-theme) .terms-content strong {
    color: #ffffff !important;
}

body:not(.light-theme) .privacy-content .warning,
body:not(.light-theme) .terms-content .warning {
    color: #ffffff !important;
}

body:not(.light-theme) .section-divider {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body:not(.light-theme) .contact {
    background: rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Comparison Section - Dark Theme */
body:not(.light-theme) .comparison-column {
    background: var(--deep-slate) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

body:not(.light-theme) .comparison-column.with {
    border-color: rgba(37, 99, 235, 0.3);
    background: var(--deep-slate) !important;
}

body:not(.light-theme) .comparison-column.without {
    border-color: rgba(255, 68, 68, 0.3);
    background: var(--deep-slate) !important;
}

body:not(.light-theme) .comparison-column.with:hover {
    background: rgba(37, 99, 235, 0.05) !important;
}

body:not(.light-theme) .comparison-column.without:hover {
    background: rgba(255, 68, 68, 0.05) !important;
}

body:not(.light-theme) .column-header {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body:not(.light-theme) .metric-item {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}