/* --- Color Palette (Monochrome) --- */
:root {
    /* Light Theme Colors */
    --white: #ffffff;
    --off-white: #f8f8f8;
    --light-gray: #eeeeee;
    --medium-gray: #dddddd;
    --dark-gray: #444444;
    --black: #222222;

    /* Dark Theme Colors */
    --dark-white: #1a1a1a;
    --dark-off-white: #242424;
    --dark-light-gray: #333333;
    --dark-medium-gray: #555555;
    --dark-dark-gray: #bbbbbb;
    --dark-black: #e0e0e0;

    /* Functional color assignments - will be overridden for dark theme */
    --message-user-bg: var(--light-gray);
    --message-bot-bg: var(--off-white);
    --message-tool-call-bg: var(--white);
    --message-tool-result-bg: var(--white);
    --border-light: var(--medium-gray);
    --border-medium: var(--medium-gray);
    --text-dark: var(--black);
    --text-medium: var(--dark-gray);
    --tool-call-text: var(--dark-gray);
    --section-switcher-bg: var(--white);
    --section-switcher-button-active-bg: var(--dark-gray);
    --section-switcher-button-inactive-bg: var(--white);
    --section-switcher-button-active-color: var(--white);
    --section-switcher-button-inactive-color: var(--black);
    --todo-input-bg: var(--white);
    --todo-input-border: var(--medium-gray);
    --todo-item-bg: var(--white);
    --todo-item-border-bottom: var(--light-gray);
    --todo-item-completed-color: var(--dark-gray);
    --todo-control-button-color: var(--dark-gray);
    --todo-control-button-hover-color: var(--black);
    --app-bg: var(--white);
    --code-block-bg: #f5f5f5;
    --code-block-color: #333333;
    --inline-code-bg: #f0f0f0;
    --inline-code-color: #333333;
    --input-bg: var(--white);
    --input-text: var(--black);
    --input-border: var(--medium-gray);
    --settings-bg: var(--white);
    --settings-text: var(--black);
    --overlay-bg: rgba(0, 0, 0, 0.3);
    --uploaded-file-text: var(--dark-gray);
    --renderer-bg: var(--white);
    --renderer-header-bg: var(--light-gray);

    /* Scrollbar colors - light theme */
    --scrollbar-track: #f1f1f1;
    --scrollbar-thumb: #c1c1c1;
    --scrollbar-thumb-hover: #a8a8a8;

    /* Table styling - light theme */
    --table-header-bg: var(--light-gray);
    --table-header-text: var(--black);
    --table-border: var(--medium-gray);

    /* Weather widget colors */
    --weather-text: #ffffff;
    --weather-shadow: rgba(0, 0, 0, 0.2);
    --weather-text-secondary: rgba(255, 255, 255, 0.8);
    --weather-clear-bg: linear-gradient(to bottom right, #4a90e2, #63c5da);
    --weather-partly-cloudy-bg: linear-gradient(to bottom right, #6e9fcc, #b0c4de);
    --weather-foggy-bg: linear-gradient(to bottom right, #7b8c94, #b8c2cc);
    --weather-rainy-bg: linear-gradient(to bottom right, #5c7a96, #7d95aa);
    --weather-snowy-bg: linear-gradient(to bottom right, #8aa0b7, #c8d5e6);
    --weather-stormy-bg: linear-gradient(to bottom right, #495877, #7986a5);

    /* Todo due date colors */
    --todo-due-date-color: var(--dark-gray);
    --todo-overdue-color: #d32f2f;
    --todo-due-soon-color: #ff9800;
    --todo-overdue-bg: rgba(211, 47, 47, 0.1);

    /* Reminder-specific colors */
    --todo-reminder-color: #2196f3;
    --todo-reminder-bg: rgba(33, 150, 243, 0.1);
    --active-reminder-bg: rgba(33, 150, 243, 0.15);
    --active-reminder-color: #2196f3;
}

/* Dark theme color overrides */
body.dark-theme {
    --message-user-bg: var(--dark-light-gray);
    --message-bot-bg: var(--dark-off-white);
    --message-tool-call-bg: var(--dark-white);
    --message-tool-result-bg: var(--dark-white);
    --border-light: var(--dark-medium-gray);
    --border-medium: var(--dark-medium-gray);
    --text-dark: var(--dark-black);
    --text-medium: var(--dark-dark-gray);
    --tool-call-text: var(--dark-dark-gray);
    --section-switcher-bg: var(--dark-white);
    --section-switcher-button-active-bg: var(--dark-dark-gray);
    --section-switcher-button-inactive-bg: var(--dark-white);
    --section-switcher-button-active-color: var(--dark-white);
    --section-switcher-button-inactive-color: var(--dark-black);
    --todo-input-bg: var(--dark-white);
    --todo-input-border: var(--dark-medium-gray);
    --todo-item-bg: var(--dark-white);
    --todo-item-border-bottom: var(--dark-light-gray);
    --todo-item-completed-color: var(--dark-dark-gray);
    --todo-control-button-color: var(--dark-dark-gray);
    --todo-control-button-hover-color: var(--dark-black);
    --app-bg: var(--dark-white);
    --code-block-bg: #2d2d2d;
    --code-block-color: #f8f8f2;
    --inline-code-bg: #272822;
    --inline-code-color: #f8f8f2;
    --input-bg: var(--dark-off-white);
    --input-text: var(--dark-black);
    --input-border: var(--dark-medium-gray);
    --settings-bg: var(--dark-off-white);
    --settings-text: var(--dark-black);
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --uploaded-file-text: var(--dark-dark-gray);
    --renderer-bg: var(--dark-off-white);
    --renderer-header-bg: var(--dark-light-gray);

    /* Scrollbar colors - dark theme */
    --scrollbar-track: #2a2a2a;
    --scrollbar-thumb: #555555;
    --scrollbar-thumb-hover: #777777;

    /* Table styling - dark theme */
    --table-header-bg: var(--dark-medium-gray);
    --table-header-text: var(--dark-black);
    --table-border: var(--dark-medium-gray);

    /* Todo due date colors - dark theme */
    --todo-due-date-color: var(--dark-dark-gray);
    --todo-overdue-color: #ff6b6b;
    --todo-due-soon-color: #ffb74d;
    --todo-overdue-bg: rgba(255, 107, 107, 0.1);

    /* Reminder-specific colors - dark theme */
    --todo-reminder-color: #90caf9; /* Lighter blue for better visibility in dark mode */
    --todo-reminder-bg: rgba(33, 150, 243, 0.2);
    --active-reminder-bg: rgba(100, 181, 246, 0.25);
    --active-reminder-color: #90caf9; /* Lighter blue for better visibility */

    /* Weather widget colors stay the same in dark theme */
}