/* Dark mode styles for Hermes Synth */
.theme-toggle {
  background: transparent;
  border: 1px solid rgba(0,82,255,0.1);
  width: 40px;
  height: 40px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: all 0.2s;
}
.theme-toggle:hover {
  background: rgba(0,82,255,0.08);
  border-color: rgba(0,82,255,0.3);
}

[data-theme="dark"] .theme-toggle {
  border-color: rgba(255,255,255,0.15);
}
[data-theme="dark"] .theme-toggle:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.3);
}

/* Dark mode overrides */
[data-theme="dark"] body {
  background: #0f1117 !important;
  color: #e2e8f0 !important;
}

[data-theme="dark"] .topbar .badge {
  background: #1a1d2e !important;
  border-color: rgba(0,82,255,0.4) !important;
  color: #60a5fa !important;
}

[data-theme="dark"] .topbar .menu-btn {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #e2e8f0 !important;
}

[data-theme="dark"] .hero h1 {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .hero h1 span {
  color: #60a5fa !important;
}
[data-theme="dark"] .hero p {
  color: rgba(226,232,240,0.5) !important;
}

/* Cards */
[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .agent-card,
[data-theme="dark"] .template-card,
[data-theme="dark"] .plugin-card,
[data-theme="dark"] .skill-card,
[data-theme="dark"] .task-item,
[data-theme="dark"] .cron-item,
[data-theme="dark"] .key-card {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .card h1,
[data-theme="dark"] .card h2,
[data-theme="dark"] .card h3 {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .card .sub,
[data-theme="dark"] .card p {
  color: #94a3b8 !important;
}

/* Inputs */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #0f1117 !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #64748b !important;
}
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  border-color: rgba(96,165,250,0.5) !important;
}

/* Buttons */
[data-theme="dark"] .btn {
  background: #2563eb !important;
  color: #ffffff !important;
}
[data-theme="dark"] .btn:hover {
  background: #1d4ed8 !important;
}

[data-theme="dark"] .social-btn {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] .social-btn:hover {
  background: #252942 !important;
  border-color: rgba(96,165,250,0.3) !important;
}

/* Bottom nav */
[data-theme="dark"] .bottom-nav {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .bottom-nav a {
  color: #64748b !important;
}
[data-theme="dark"] .bottom-nav a.active {
  color: #60a5fa !important;
}

/* Chat area */
[data-theme="dark"] .chat-area {
  background: #0f1117 !important;
}
[data-theme="dark"] .msg.user {
  background: #1e3a5f !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] .msg.bot {
  background: #1a1d2e !important;
  color: #e2e8f0 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .chat-input {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .chat-input input,
[data-theme="dark"] .chat-input textarea {
  background: transparent !important;
  color: #e2e8f0 !important;
}

/* Model bar */
[data-theme="dark"] .model-bar select {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #e2e8f0 !important;
}

/* Terminal/Editor */
[data-theme="dark"] .terminal,
[data-theme="dark"] .editor-area,
[data-theme="dark"] .code-editor {
  background: #0a0c14 !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Tables */
[data-theme="dark"] table {
  border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] th {
  background: #1a1d2e !important;
  color: #94a3b8 !important;
  border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] td {
  border-color: rgba(255,255,255,0.06) !important;
  color: #e2e8f0 !important;
}
[data-theme="dark"] tr:hover td {
  background: rgba(255,255,255,0.03) !important;
}

/* Sidebar / panels */
[data-theme="dark"] .sidebar,
[data-theme="dark"] .panel,
[data-theme="dark"] .drawer {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Dividers */
[data-theme="dark"] .divider::before,
[data-theme="dark"] .divider::after {
  background: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] .divider span {
  color: #64748b !important;
}

/* Tags / badges */
[data-theme="dark"] .tag,
[data-theme="dark"] .badge-sm {
  background: rgba(96,165,250,0.15) !important;
  color: #60a5fa !important;
  border-color: rgba(96,165,250,0.25) !important;
}

/* Trial info / info boxes */
[data-theme="dark"] .trial-info {
  background: rgba(96,165,250,0.08) !important;
  border-color: rgba(96,165,250,0.2) !important;
}
[data-theme="dark"] .trial-info p {
  color: #94a3b8 !important;
}
[data-theme="dark"] .trial-info .highlight {
  color: #60a5fa !important;
}

/* Footer links */
[data-theme="dark"] .footer,
[data-theme="dark"] .bottom-links {
  border-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .footer a,
[data-theme="dark"] .bottom-links a {
  color: #64748b !important;
}
[data-theme="dark"] .footer a:hover,
[data-theme="dark"] .bottom-links a:hover {
  color: #60a5fa !important;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 6px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0f1117;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2a2d3e;
  border-radius: 3px;
}

/* Error / Success messages */
[data-theme="dark"] .error {
  color: #f87171 !important;
}
[data-theme="dark"] .success {
  color: #4ade80 !important;
}

/* Code input (verification) */
[data-theme="dark"] .code-input input {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #60a5fa !important;
}

/* Section headers */
[data-theme="dark"] .section-title,
[data-theme="dark"] h2,
[data-theme="dark"] h3 {
  color: #f1f5f9 !important;
}

/* Links */
[data-theme="dark"] a {
  color: #60a5fa;
}

/* Logo name text */
[data-theme="dark"] .logo .name {
  color: #f1f5f9 !important;
}

/* Wallet / MCP specific */
[data-theme="dark"] .wallet-card,
[data-theme="dark"] .mcp-panel,
[data-theme="dark"] .swap-card {
  background: #1a1d2e !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* Stats */
[data-theme="dark"] .stat-value {
  color: #f1f5f9 !important;
}
[data-theme="dark"] .stat-label {
  color: #64748b !important;
}

/* Toast / notifications */
[data-theme="dark"] .toast {
  background: #1a1d2e !important;
  color: #e2e8f0 !important;
  border-color: rgba(255,255,255,0.1) !important;
}

/* Landing page specific */
[data-theme="dark"] .nav-header {
  background: rgba(15,17,23,0.95) !important;
  border-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .nav-header a {
  color: #e2e8f0 !important;
}
[data-theme="dark"] .hero-section {
  background: #0f1117 !important;
}
[data-theme="dark"] .features-section,
[data-theme="dark"] .stats-section {
  background: #13151f !important;
}
[data-theme="dark"] .footer-section {
  background: #0a0c14 !important;
  border-color: rgba(255,255,255,0.06) !important;
}