/* Theme CSS Variables and Dark Mode Support */
/* This file provides theme support for all pages */

:root {
    --bg-gradient-start: #667eea;
    --bg-gradient-end: #764ba2;
    --card-bg: white;
    --text-primary: #333;
    --text-secondary: #666;
    --border-color: #e5e7eb;
    --positive-bg: #d1fae5;
    --positive-text: #065f46;
    --negative-bg: #fee2e2;
    --negative-text: #991b1b;
}

[data-theme="dark"] {
    --bg-gradient-start: #1a1a2e;
    --bg-gradient-end: #16213e;
    --card-bg: #0f3460;
    --text-primary: #e4e4e7;
    --text-secondary: #a1a1aa;
    --border-color: #374151;
    --positive-bg: #064e3b;
    --positive-text: #6ee7b7;
    --negative-bg: #7f1d1d;
    --negative-text: #fca5a5;
}

body {
    transition: background 0.3s;
}