/* styles.css */

:root {
    --bg1-color: #f5f5f5; /* lightest background */
    --bg2-color: #e0e0e0;
    --bg3-color: #d4d4d4;
    --bg4-color: #c0c0c0;
    --bg5-color: #b0b0b0; /* darkest light background */
    --bg6-color: #f0f0f0;
    --bg7-color: #e9e9e9;
    --bg8-color: #fff;
    --search-btn-hover-bg-color: #00e382;
    --b503-text-color:#b87114;
    --text1-color: #222222; /* primary text */
    --text2-color: #111111; /* secondary text */

    --SearchIcon: url('../sprites/search-icon-ligth.png');
}

[data-theme="dark"] {
    --bg1-color: #333;
    --bg2-color: #444;
    --bg3-color: #222;
    --bg4-color: #2a2a2a;
    --bg5-color: #1e1e1e;
    --bg6-color: #303030;
    --bg7-color: #666;
    --bg8-color: #888;
    --search-btn-hover-bg-color: #002a15;
    --b503-text-color:#f3d05e;
    --text1-color: #f5f5f5;
    --text2-color: #fff;
    
    --SearchIcon: url('../sprites/search-icon-ligth.png');
}