/**
 * OneStation Investor
 * Theme CSS file
 */

/* Default theme (Blue) - same as splash/login page */
:root {
    --primary-gradient-start: #0ea5e9;
    --primary-gradient-end: #3b82f6;
    --primary-color: #1e88e5;
    --secondary-color: #00c853;
    --accent-color: #0ea5e9;
    --bg-color: #1a1a1a;
    --card-bg: #2a2a2a;
    --border-color: #3a3a3a;
    --hover-bg: #333333;
    --text-color: #e0e0e0;
    --muted-text: #999999;
    --danger-color: #ff5252;
    --warning-color: #ffab40;
    --chart-green: #00c853;
    --chart-red: #ff5252;
}

/* Red Theme */
[data-theme="red"] {
    --primary-gradient-start: #e53935;
    --primary-gradient-end: #c62828;
    --primary-color: #d32f2f;
    --secondary-color: #ff6d00;
    --accent-color: #e53935;
    --bg-color: #1a1a1a;
    --card-bg: #2a2a2a;
    --border-color: #3a3a3a;
    --hover-bg: #333333;
    --text-color: #e0e0e0;
    --muted-text: #999999;
    --danger-color: #ff5252;
    --warning-color: #ffab40;
    --chart-green: #ff6d00;
    --chart-red: #ff5252;
}

/* Dark Gray Theme */
[data-theme="dark"] {
    --primary-gradient-start: #424242;
    --primary-gradient-end: #212121;
    --primary-color: #424242;
    --secondary-color: #757575;
    --accent-color: #616161;
    --bg-color: #121212;
    --card-bg: #1e1e1e;
    --border-color: #2c2c2c;
    --hover-bg: #252525;
    --text-color: #e0e0e0;
    --muted-text: #999999;
    --danger-color: #ff5252;
    --warning-color: #ffab40;
    --chart-green: #757575;
    --chart-red: #ff5252;
}

/* Yellow Theme */
[data-theme="yellow"] {
    --primary-gradient-start: #fdd835;
    --primary-gradient-end: #fbc02d;
    --primary-color: #ffb300;
    --secondary-color: #ff8f00;
    --accent-color: #fdd835;
    --bg-color: #1a1a1a;
    --card-bg: #2a2a2a;
    --border-color: #3a3a3a;
    --hover-bg: #333333;
    --text-color: #e0e0e0;
    --muted-text: #999999;
    --danger-color: #ff5252;
    --warning-color: #ffab40;
    --chart-green: #ff8f00;
    --chart-red: #ff5252;
}

/* Green Theme */
[data-theme="green"] {
    --primary-gradient-start: #43a047;
    --primary-gradient-end: #2e7d32;
    --primary-color: #388e3c;
    --secondary-color: #00c853;
    --accent-color: #43a047;
    --bg-color: #1a1a1a;
    --card-bg: #2a2a2a;
    --border-color: #3a3a3a;
    --hover-bg: #333333;
    --text-color: #e0e0e0;
    --muted-text: #999999;
    --danger-color: #ff5252;
    --warning-color: #ffab40;
    --chart-green: #00c853;
    --chart-red: #ff5252;
}

/* Purple Theme */
[data-theme="purple"] {
    --primary-gradient-start: #7e57c2;
    --primary-gradient-end: #5e35b1;
    --primary-color: #673ab7;
    --secondary-color: #aa00ff;
    --accent-color: #7e57c2;
    --bg-color: #1a1a1a;
    --card-bg: #2a2a2a;
    --border-color: #3a3a3a;
    --hover-bg: #333333;
    --text-color: #e0e0e0;
    --muted-text: #999999;
    --danger-color: #ff5252;
    --warning-color: #ffab40;
    --chart-green: #aa00ff;
    --chart-red: #ff5252;
}

/* Common Theme Classes */
.gradient-bg {
    background: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
}

.primary-color {
    color: var(--primary-color);
}

.secondary-color {
    color: var(--secondary-color);
}

.primary-bg {
    background-color: var(--primary-color);
}

.secondary-bg {
    background-color: var(--secondary-color);
}

/* Apply gradients to various elements */
.gradient-button {
    background: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
    color: white;
}

.gradient-card {
    background: linear-gradient(135deg, var(--primary-gradient-start), var(--primary-gradient-end));
    color: white;
}