/* CSS Custom Properties for Theme */
:root {
    /* Dark Theme (default) */
    --bg-primary: #0f1419;
    --bg-secondary: #1a1f2e;
    --bg-tertiary: #2d3748;
    --text-primary: #e5e7eb;
    --text-secondary: #9ca3af;
    --text-tertiary: #fff;
    --border-color: #2d3748;
    --accent-color: #00bcd4;
    --accent-hover: #00a5bb;
    --error-color: #ef4444;
    --error-hover: #dc2626;
    --bg-primary: #1f2937;
    --bg-secondary: #111827;
    --bg-tertiary: #374151;
    --text-primary: #f9fafb;
    --text-secondary: #d1d5db;
    --text-tertiary: #fff;
    --border-color: #374151;
    --accent-color: #06b6d4;
    --accent-color-transparent: rgba(6, 182, 212, 0.1);
    --accent-hover: #0891b2;
    --error-color: #dc2626;
    --error-hover: #b91c1c;
    --success-color: #10b981;
    --success-hover: #059669;
    --warning-color: #f59e0b;
}

/* Light Theme */
body.light-theme {
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-tertiary: #e0e0e0;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-tertiary: #000;
    --border-color: #d1d5db;
    --accent-color: #0891b2;
    --accent-color-transparent: rgba(8, 145, 178, 0.1);
    --accent-hover: #0e7490;
    --error-color: #dc2626;
    --error-hover: #991b1b;
    --success-color: #16a34a;
    --success-hover: #15803d;
    --warning-color: #d97706;
}