/* css/variables.css */
:root {
    /* --- Core Palette --- */
    --color-primary: #2563EB;
    --color-primary-hover: #1d4ed8;
    --color-success: #10B981;
    --color-danger: #EF4444;
    --color-warning: #F59E0B;

    /* --- Light Mode Defaults --- */
    --bg-body: #F1F5F9;
    --bg-sidebar: #0F172A;
    --bg-card: #FFFFFF;
    --bg-input: #FFFFFF;
    --bg-hover: #F8FAFC;
    --bg-highlight: #EFF6FF; /* Light blue background for active states */

    --text-main: #1E293B;
    --text-muted: #64748B;
    --text-inverse: #FFFFFF;

    --border-color: #E2E8F0;
    --border-dashed: #CBD5E1;

    --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.05);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

    /* Special Components */
    --receipt-bg: #1E293B;
    --receipt-text: #CBD5E1;
    --code-bg: #ECFDF5;
    --code-border: #10B981;
    --code-text: #065F46;
}

/* --- Dark Mode Overrides --- */
[data-theme="dark"] {
    --bg-body: #020617;
    --bg-sidebar: #0F172A; /* Sidebar stays dark in both usually, or #020617 */
    --bg-card: #1E293B;
    --bg-input: #0F172A;
    --bg-hover: #334155;
    --bg-highlight: #1e3a8a;

    --text-main: #F1F5F9;
    --text-muted: #94A3B8;

    --border-color: #334155;
    --border-dashed: #475569;

    --shadow-sm: 0 4px 20px rgba(0,0,0,0.4);

    /* Special Components Dark */
    --code-bg: #064E3B;
    --code-border: #059669;
    --code-text: #D1FAE5;
}