/* Theme Variables and CSS Custom Properties */

/* Dark theme (default) */
:root {
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --primary-color: #0a7cff;
    --secondary-color: #0ab48a;
    /* Text and filled actions need different colours to retain contrast. */
    --link-color: #8cc8ff;
    --link-hover-color: #b6dcff;
    --text-secondary: #b8c0cc;
    --action-bg: #0756ad;
    --positive-text: #81c784;
    --warning-text: #ffb74d;
    --negative-text: #ff8a80;
    --savings-text: #ce93d8;
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --card-bg: #2c2c2c;
    --border-color: #444;
    --input-bg: #333;
    --table-accent: #2c2c2c;
    --alert-info-bg: #1c3e5e;
    --alert-info-text: #cce5ff;
    --alert-danger-bg: #5c2121;
    --alert-danger-text: #f8d7da;
    --dropdown-bg: #1e293b;
    --dropdown-border: #334155;
    --dropdown-text: #e2e8f0;
    --dropdown-text-muted: #94a3b8;
    --dropdown-hover-bg: rgba(255, 255, 255, 0.1);
}

/* Light theme */
[data-theme="light"] {
    --primary-color: #0a7cff;
    --secondary-color: #0ab48a;
    --link-color: #0756ad;
    --link-hover-color: #043a78;
    --text-secondary: #505a69;
    --positive-text: #1b5e20;
    --warning-text: #8f4300;
    --negative-text: #b42318;
    --savings-text: #6a1b9a;
    --bg-color: #f8f9fa;
    --text-color: #1a1a1a;
    --card-bg: #ffffff;
    --border-color: #cfd4da;
    --input-bg: #ffffff;
    --table-accent: #e9ecef;
    --alert-info-bg: #d1ecf1;
    --alert-info-text: #0c5460;
    --alert-danger-bg: #f8d7da;
    --alert-danger-text: #721c24;
    --dropdown-bg: #ffffff;
    --dropdown-border: #e2e8f0;
    --dropdown-text: #1e293b;
    --dropdown-text-muted: #64748b;
    --dropdown-hover-bg: #f1f5f9;
}

/* Bootstrap Dropdown Theme Overrides */
.dropdown-menu {
    background-color: var(--dropdown-bg);
    border-color: var(--dropdown-border);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}

.dropdown-item {
    color: var(--dropdown-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: var(--dropdown-hover-bg);
    color: var(--dropdown-text);
}

.dropdown-divider {
    border-color: var(--dropdown-border);
}

/* Purple Button (for Goal-Only plans) */
.btn-purple {
    background-color: #8b5cf6 !important;
    border-color: #8b5cf6 !important;
    color: #ffffff !important;
}

.btn-purple:hover,
.btn-purple:focus {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #ffffff !important;
}

.btn-purple:active {
    background-color: #6d28d9 !important;
    border-color: #6d28d9 !important;
    color: #ffffff !important;
}

/* Purple badge */
.bg-purple {
    background-color: #8b5cf6 !important;
    color: #ffffff !important;
}

.text-purple {
    color: #8b5cf6 !important;
}

.border-purple {
    border-color: #8b5cf6 !important;
}