/* Default (light theme) */
:root {
--font-size: 16px;

/* Customization settings */
--save-btn-selected: #002864;

/* Password field */
--eye-icon-color: #64748B;
--eye-icon-hover: #475569;

/* Home page */
--add-btn-bg: #0d6efd;
--add-btn-color: #e4e4e4;
--add-btn-hover:  #0b5ed7;
--edit-btn-color: #4B5563;
--delete-btn-color: #6e93cc;
--table-header-bg: #afafaf;
--table-header-text: #111827;
--table-row-even-bg: #e9e9e9;
--table-row-odd-bg: #F9FAFB;
--container-bg: #FFFFFF;
--upload-btn-bg: #6e93cc;
--upload-btn-hover: #678bc0;
--export-btn-bg: #8d8787;
--export-btn-hover: #777171;

/* Base */
--sidenav-bg: #dbdbdb;
--sidenav-text: #1a222e;
--sidenav-close-btn: #9CA3AF;
--sidenav-open-btn-bg: #F3F4F6;
--sidenav-open-btn: #4B5563;
--sidenav-open-btn-hover: #E5E7EB;
--sidenav-text-hover: #0d6efd;
--sidenav-text-select: #1D4ED8;
--sidenav-border: #E5E7EB;

--main-bg: #F9FAFB;
--h1-color: #111827;
--h2-color: #1F2937;
--p-color: #1F2937;
--pass-color:#1F2937;
--card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Dark Theme */
[data-theme="dark"] {
    /* Customization settings */
    --save-btn-selected: #152e35;

    /* Add password */
    --eye-icon-color: #555;
    --eye-icon-hover: #333;

    /* Home page */
    --add-btn-bg: #2d5b67;
    --add-btn-color: #e7e7e7;
    --add-btn-hover: #1d424b;
    --edit-btn-color: #2c2a2a;
    --delete-btn-color: #4d1e1e;
    --table-header-bg: #1A1A1D;
    --table-header-text: #c9c9c9;
    --table-row-even-bg: #aaaaaa;
    --table-row-odd-bg: #808080;
    --container-bg: rgb(45, 46, 51);
    --upload-btn-bg: #8b2020;
    --upload-btn-hover: #691919;
    --export-btn-bg: #2c2c2c;
    --export-btn-hover: #161616;

    /* Base */
    --sidenav-bg: #1d1e22;
    --sidenav-text: #f1f1f1;
    --sidenav-close-btn: #bbbbbb;
    --sidenav-open-btn-bg: #303030;
    --sidenav-open-btn: #aaaaaa;
    --sidenav-open-btn-hover: #494949;
    --sidenav-text-hover: #7f7c7c;
    --sidenav-text-select: #474444;

    --main-bg: #26262b;
    --h1-color: #aaa8a8;
    --h2-color: #aaa8a8;
    --p-color: #aaa8a8;
    --pass-color:#fcfcfc;
}

/* High Contrast Mode */
[data-high-contrast="true"] {
    /* Customization settings */
    --save-btn-selected: #152e35;

    /* Add password */
    --eye-icon-color: #e9a300;
    --eye-icon-hover: rgb(255, 179, 0);

    /* Home page */
    --edit-btn-color: #f0a800;
    --delete-btn-color: #a82828;
    --table-header-bg: #000000;
    --table-header-text: #e9a300;

    --add-btn-bg: #a32929;              
    --add-btn-color: #ffffff;    
    --add-btn-hover: #641c1c;      
    --table-row-even-bg: #e0e0e0;     
    --table-row-odd-bg: #d1d1d1;   
    --container-bg: #0d0d0d;      
    --upload-btn-bg: #e9a300;         
    --upload-btn-hover: #c98c00;       
    --export-btn-bg: #000000;          
    --export-btn-hover: #1a1a1a;       


    /* Base */
    --sidenav-bg: #000000;
    --sidenav-text: #ffffff;
    --sidenav-close-btn: #f1f1f1;
    --sidenav-open-btn-bg: #a32929;
    --sidenav-open-btn: #fcfcfc;
    --sidenav-open-btn-hover: #1a1a1a;
    --sidenav-text-hover: #a32929;
    --sidenav-text-select: #641c1c;

    --main-bg: #26262b;
    --h1-color: #aaa8a8;
    --h2-color: #aaa8a8;
    --p-color: #aaa8a8;
    --pass-color:#050505;
}

html {
    font-size: var(--font-size);
}