/* Theme palettes — override design tokens per data-theme */

[data-theme="indigo"] {
    --theme-color: #4f46e5;
    --hero-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);
}

[data-theme="ocean"] {
    --bg: #f0f9ff;
    --bg-elevated: #ffffff;
    --bg-subtle: #e0f2fe;
    --border: #bae6fd;
    --border-strong: #7dd3fc;
    --text: #0c4a6e;
    --text-secondary: #0369a1;
    --text-muted: #64748b;
    --primary: #0284c7;
    --primary-hover: #0369a1;
    --primary-soft: #e0f2fe;
    --primary-muted: rgba(2, 132, 199, 0.12);
    --accent: #0891b2;
    --accent-soft: #cffafe;
    --theme-color: #0284c7;
    --hero-gradient: linear-gradient(135deg, #0c4a6e 0%, #0369a1 50%, #0284c7 100%);
}

[data-theme="forest"] {
    --bg: #f0fdf4;
    --bg-elevated: #ffffff;
    --bg-subtle: #dcfce7;
    --border: #bbf7d0;
    --border-strong: #86efac;
    --text: #14532d;
    --text-secondary: #166534;
    --text-muted: #64748b;
    --primary: #059669;
    --primary-hover: #047857;
    --primary-soft: #d1fae5;
    --primary-muted: rgba(5, 150, 105, 0.12);
    --accent: #0d9488;
    --accent-soft: #ccfbf1;
    --theme-color: #059669;
    --hero-gradient: linear-gradient(135deg, #14532d 0%, #166534 50%, #059669 100%);
}

[data-theme="rose"] {
    --bg: #fff1f2;
    --bg-elevated: #ffffff;
    --bg-subtle: #ffe4e6;
    --border: #fecdd3;
    --border-strong: #fda4af;
    --text: #881337;
    --text-secondary: #9f1239;
    --text-muted: #64748b;
    --primary: #e11d48;
    --primary-hover: #be123c;
    --primary-soft: #ffe4e6;
    --primary-muted: rgba(225, 29, 72, 0.12);
    --accent: #db2777;
    --accent-soft: #fce7f3;
    --theme-color: #e11d48;
    --hero-gradient: linear-gradient(135deg, #881337 0%, #be123c 50%, #e11d48 100%);
}

[data-theme="midnight"] {
    --bg: #0f172a;
    --bg-elevated: #1e293b;
    --bg-subtle: #334155;
    --border: #475569;
    --border-strong: #64748b;
    --text: #f1f5f9;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --primary: #818cf8;
    --primary-hover: #a5b4fc;
    --primary-foreground: #0f172a;
    --primary-soft: rgba(129, 140, 248, 0.15);
    --primary-muted: rgba(129, 140, 248, 0.2);
    --accent: #2dd4bf;
    --accent-soft: rgba(45, 212, 191, 0.15);
    --success-soft: rgba(5, 150, 105, 0.2);
    --danger-soft: rgba(220, 38, 38, 0.2);
    --happiness-soft: rgba(219, 39, 119, 0.2);
    --success-bucket-soft: rgba(37, 99, 235, 0.2);
    --prosperity-soft: rgba(180, 83, 9, 0.2);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
    --theme-color: #1e293b;
    --hero-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
}

[data-theme="midnight"] .card-hero .text-muted,
[data-theme="ember"] .card-hero .text-muted,
[data-theme="obsidian"] .card-hero .text-muted,
[data-theme="twilight"] .card-hero .text-muted {
    color: rgba(255, 255, 255, 0.7);
}

[data-theme="ember"] {
    --bg: #1c1917;
    --bg-elevated: #292524;
    --bg-subtle: #44403c;
    --border: #57534e;
    --border-strong: #78716c;
    --text: #fafaf9;
    --text-secondary: #e7e5e4;
    --text-muted: #a8a29e;
    --primary: #f59e0b;
    --primary-hover: #fbbf24;
    --primary-foreground: #1c1917;
    --primary-soft: rgba(245, 158, 11, 0.15);
    --primary-muted: rgba(245, 158, 11, 0.22);
    --accent: #fb923c;
    --accent-soft: rgba(251, 146, 60, 0.15);
    --success-soft: rgba(5, 150, 105, 0.2);
    --danger-soft: rgba(220, 38, 38, 0.2);
    --happiness-soft: rgba(219, 39, 119, 0.2);
    --success-bucket-soft: rgba(37, 99, 235, 0.2);
    --prosperity-soft: rgba(180, 83, 9, 0.2);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
    --theme-color: #292524;
    --hero-gradient: linear-gradient(135deg, #1c1917 0%, #44403c 50%, #b45309 100%);
}

[data-theme="obsidian"] {
    --bg: #0a0a0a;
    --bg-elevated: #171717;
    --bg-subtle: #262626;
    --border: #404040;
    --border-strong: #525252;
    --text: #fafafa;
    --text-secondary: #d4d4d4;
    --text-muted: #a3a3a3;
    --primary: #e5e5e5;
    --primary-hover: #ffffff;
    --primary-foreground: #0a0a0a;
    --primary-soft: rgba(229, 229, 229, 0.12);
    --primary-muted: rgba(229, 229, 229, 0.18);
    --accent: #a3a3a3;
    --accent-soft: rgba(163, 163, 163, 0.12);
    --success-soft: rgba(5, 150, 105, 0.2);
    --danger-soft: rgba(220, 38, 38, 0.2);
    --happiness-soft: rgba(219, 39, 119, 0.2);
    --success-bucket-soft: rgba(37, 99, 235, 0.2);
    --prosperity-soft: rgba(180, 83, 9, 0.2);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.45);
    --theme-color: #171717;
    --hero-gradient: linear-gradient(135deg, #0a0a0a 0%, #262626 50%, #525252 100%);
}

[data-theme="twilight"] {
    --bg: #1e1b4b;
    --bg-elevated: #312e81;
    --bg-subtle: #3730a3;
    --border: #4c1d95;
    --border-strong: #6d28d9;
    --text: #ede9fe;
    --text-secondary: #ddd6fe;
    --text-muted: #a5b4fc;
    --primary: #a78bfa;
    --primary-hover: #c4b5fd;
    --primary-foreground: #1e1b4b;
    --primary-soft: rgba(167, 139, 250, 0.15);
    --primary-muted: rgba(167, 139, 250, 0.22);
    --accent: #22d3ee;
    --accent-soft: rgba(34, 211, 238, 0.15);
    --success-soft: rgba(5, 150, 105, 0.2);
    --danger-soft: rgba(220, 38, 38, 0.2);
    --happiness-soft: rgba(219, 39, 119, 0.2);
    --success-bucket-soft: rgba(37, 99, 235, 0.2);
    --prosperity-soft: rgba(180, 83, 9, 0.2);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.4);
    --theme-color: #312e81;
    --hero-gradient: linear-gradient(135deg, #1e1b4b 0%, #4c1d95 50%, #7c3aed 100%);
}

.card-hero {
    background: var(--hero-gradient, linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%));
}

[data-theme="midnight"] .goal-tracker-pill,
[data-theme="ember"] .goal-tracker-pill,
[data-theme="obsidian"] .goal-tracker-pill,
[data-theme="twilight"] .goal-tracker-pill {
    color: var(--text);
    background: var(--bg-elevated);
}

[data-theme="midnight"] .goal-tracker-pill:hover,
[data-theme="ember"] .goal-tracker-pill:hover,
[data-theme="obsidian"] .goal-tracker-pill:hover,
[data-theme="twilight"] .goal-tracker-pill:hover {
    color: var(--text);
    background: var(--bg-subtle);
    border-color: var(--border-strong);
}