/* Light theme styles */
:root {
    --background-color: #f5f9f8;
    --background-color-bright: #fff;
    --text-font-size: 14px;
    --text-color: #333;
    --text-color-bright: #fff;
    --switch-track-color: #ccc;
    --switch-thumb-color: #fff;
    --main-color: #00AA87;
    --header-color: #1C2B32;
    --image-brightness: 1;
    --text-red: red;
    --text-white: #FFFFFF;
    /* Header Panel */
    --header-panel-background-color: #007BC7;

}

/* Dark theme styles */
[data-theme="theme-mode-dark"] {
    --background-color: #2d2d2d;
    --background-color-bright: #333;
    --text-color: #bbb;
    --header-color: #4E6A78;
    --switch-track-color: #666;
    --switch-thumb-color: #eee;
    --image-brightness: 0.9;
}

body {
    background-color: var(--background-color);
    color: var(--text-color);
}