/* Dark Mode Theme - Cursor style */
[data-theme="dark"] {
    /* Dark mode color overrides - Cursor style: softer, more refined */
    --bg: #0a0a0a;
    --bg-secondary: #141414;
    --card-bg: #1a1a1a;
    --text: #ededed;
    --text-secondary: #b3b3b3;
    --text-muted: #808080;
    --border: #2a2a2a;
    --border-light: #1f1f1f;
    
    /* Softer shadows for dark mode */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] body {
    background: var(--bg);
    color: var(--text);
}

[data-theme="dark"] .card,
[data-theme="dark"] .stat-item,
[data-theme="dark"] .stat-card {
    background: var(--card-bg);
    border-color: var(--border);
}

[data-theme="dark"] .stat-value {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="dark"] .dashboard-table tr {
    border-color: var(--border-light);
}

[data-theme="dark"] .dashboard-table tr:hover {
    background: rgba(45, 45, 45, 0.3);
}

[data-theme="dark"] .dashboard-table strong {
    color: var(--text);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--bg-secondary);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

[data-theme="dark"] .level-dot {
    border-color: var(--border);
}

[data-theme="dark"] .toast {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .modal-overlay {
    background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .footer {
    color: var(--text-muted);
}

/* Dark mode buttons */
[data-theme="dark"] .btn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
}

[data-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

[data-theme="dark"] .btn-success {
    background: linear-gradient(135deg, #22c55e 0%, #4ade80 100%);
}

[data-theme="dark"] .btn-danger {
    background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
}

[data-theme="dark"] .btn-secondary {
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    color: var(--text-secondary);
}

[data-theme="dark"] .btn-secondary:hover {
    background: var(--border);
    color: var(--text);
}

/* Dark mode for value column badges */
[data-theme="dark"] .value-badge-ref {
    color: var(--text-secondary);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}

[data-theme="dark"] .value-badge-now {
    color: #fff;
    background: var(--indigo);
}

[data-theme="dark"] .value-badge-avg {
    color: #fff;
}

[data-theme="dark"] .value-badge-shares {
    color: var(--text-secondary);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
}