/* Light Mode (Default) */
:root {
    --primary-green: #039139;
    --primary-green-hover: #027a30;
    --light-gray: #f8f9fa;
    --border-color: #ddd;
    --text-primary: #333;
    --text-secondary: #666;
    --text-light: #777;
    --savings-bg: #ffedcc;
    --savings-text: #b35900;
    --card-shadow: 0 5px 15px rgba(0,0,0,0.05);
    --card-shadow-hover: 0 10px 25px rgba(0,0,0,0.1);

    /* Additional light mode variables */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f9f9f9;
    --input-bg: #ffffff;
    --input-border: #ddd;
}

/* Dark Mode - True Black OLED-Friendly Theme */
[data-theme="dark"] {
    --primary-green: #04b647;  /* Brightened for contrast on black */
    --primary-green-hover: #06d152;
    --light-gray: #1a1a1a;
    --border-color: #333;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-light: #909090;
    --savings-bg: #332200;
    --savings-text: #ffb366;
    --card-shadow: 0 5px 15px rgba(255,255,255,0.05);
    --card-shadow-hover: 0 10px 25px rgba(255,255,255,0.1);

    /* Dark mode specific variables */
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-tertiary: #111111;
    --input-bg: #1a1a1a;
    --input-border: #333;
}

/* Smooth theme transitions */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}