/**

* Template 8 - Color Schemes

* Dynamic theme system for flexible color customization

*/
 
/* Default Theme */

:root {

  --primary-color: #0F73F6;
  --primary-btn-hover: #499efb;
  --header-bg: #FFF;
  --text-dark: #222;
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #f8f9fa;
  --color-bg-light: #f0f0f0;
  --hero-bg: #F7FBFE;
  --card-light-bg: #F0F6FD;
  --footer-bg: #F0F6FD;
  --scroll-bar: #0F73F6;
  --scroll-bar-track: #d8d8d8;
  --color-text-primary: #333333;
  --color-text-secondary: #555555;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-border: #DDDDDD;
  --color-border-dark: #000000;
  --gray-border: #A8A8A8;
  --color-shadow: rgba(0, 0, 0, 0.1);
  
  }
   
  /* Cool Theme */
[data-theme="cool"] {
  --primary-color: #2AB2FA;
  --primary-btn-hover: #3ab3f4;
  --header-bg: #FFF;
  --text-dark: #222;
  --color-bg-primary: #f8fcff;
  --color-bg-secondary: #e3f2fd;
  --color-bg-light: #f0f0f0;
  --hero-bg: #F7FBFE;
  --card-light-bg: #E3F2FD;
  --footer-bg: #F0F6FD;
  --scroll-bar: #2AB2FA;
  --scroll-bar-track: #d8d8d8;
  --color-text-primary: #333333;
  --color-text-secondary: #555555;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-border: #81d0fa;
  --color-border-dark: #000000;
  --gray-border: #A8A8A8;
  --color-shadow: rgba(23, 162, 184, 0.1);
  --dark-text: #222;
}
   
  /* Dark Theme */
[data-theme="dark"] {
  --primary-color: #5787b9;
  --primary-btn-hover: #3a73b0;
  --header-bg: #1a1a1a;
  --text-dark: #ffffff;
  --color-bg-primary: #222222;
  --color-bg-secondary: #333333;
  --color-bg-light: #444444;
  --hero-bg: #2a2a2a;
  --card-light-bg: #333333;
  --footer-bg: #1a1a1a;
  --scroll-bar: #375a7f;
  --scroll-bar-track: #444444;
  --color-text-primary: #ffffff;
  --color-text-secondary: #adb5bd;
  --color-text-light: #adb5bd;
  --color-text-white: #ffffff;
  --color-border: #495057;
  --color-border-dark: #ffffff;
  --gray-border: #666666;
  --color-shadow: rgba(0, 0, 0, 0.3);
  --bg-dark-gray: #000;
  --bg-dark-gray-2: #232121;
  --dark-text: #000;
}
   
  /* Green Theme */
  
  [data-theme="green"] {
    --primary-color: #4CAF50;
    --primary-btn-hover: #56d25a;
    --header-bg: #FFF;
    --text-dark: #222;
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #f8f9fa;
    --color-bg-light: #f0f0f0;
    --hero-bg: #F7FBFE;
    --card-light-bg: #E6F5E6;
    --footer-bg: #F0F6FD;
    --scroll-bar: #4CAF50;
    --scroll-bar-track: #d8d8d8;
    --color-text-primary: #333333;
    --color-text-secondary: #555555;
    --color-text-light: #666666;
    --color-text-white: #FFFFFF;
    --color-border: #DDDDDD;
    --color-border-dark: #000000;
    --gray-border: #A8A8A8;
    --color-shadow: rgba(40, 167, 69, 0.1);
    --dark-text: #222;
  }
   
  /* Warm Theme */
[data-theme="warm"] {
  --primary-color: #FF5924;
  --primary-btn-hover: #fb7a4f;
  --header-bg: #FFF;
  --text-dark: #222;
  --color-bg-primary: #fefefe;
  --color-bg-secondary: #fff5f5;
  --color-bg-light: #f0f0f0;
  --hero-bg: #F7FBFE;
  --card-light-bg: #faaf97;
  --footer-bg: #F0F6FD;
  --scroll-bar: #FF5924;
  --scroll-bar-track: #d8d8d8;
  --color-text-primary: #333333;
  --color-text-secondary: #555555;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-border: #f8d7da;
  --color-border-dark: #000000;
  --gray-border: #A8A8A8;
  --color-shadow: rgba(214, 51, 132, 0.1);
  --dark-text: #222;
}
   
  /* Purple Theme */
  
  [data-theme="purple"] {
    --primary-color: #4748C5;
    --primary-btn-hover: #3b3bed;
    --header-bg: #FFF;
    --text-dark: #222;
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #f8f9fa;
    --color-bg-light: #f0f0f0;
    --hero-bg: #F7FBFE;
    --card-light-bg: #b2b2fe;
    --footer-bg: #F0F6FD;
    --scroll-bar: #4748C5;
    --scroll-bar-track: #d8d8d8;
    --color-text-primary: #333333;
    --color-text-secondary: #555555;
    --color-text-light: #666666;
    --color-text-white: #FFFFFF;
    --color-border: #DDDDDD;
    --color-border-dark: #000000;
    --gray-border: #A8A8A8;
    --color-shadow: rgba(111, 66, 193, 0.1);
    --dark-text: #222;
  }
   
  /* Red Theme */
[data-theme="red"] {
  --primary-color: #D3302F;
  --primary-btn-hover: #f65353;
  --header-bg: #FFF;
  --text-dark: #222;
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #f8f9fa;
  --color-bg-light: #f0f0f0;
  --hero-bg: #F7FBFE;
  --card-light-bg: #ffbfbf;
  --footer-bg: #F0F6FD;
  --scroll-bar: #D3302F;
  --scroll-bar-track: #d8d8d8;
  --color-text-primary: #333333;
  --color-text-secondary: #555555;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-border: #DDDDDD;
  --color-border-dark: #000000;
  --gray-border: #A8A8A8;
  --color-shadow: rgba(255, 0, 0, 0.1);
  --dark-text: #222;
}
   
  /* Teal Theme */
  
  [data-theme="teal"] {
  --primary-color: #19B2E6;
  --primary-btn-hover: #3cceff;
  --header-bg: #FFF;
  --text-dark: #222;
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #f8f9fa;
  --color-bg-light: #f0f0f0;
  --hero-bg: #F7FBFE;
  --card-light-bg: #c7eefa;
  --footer-bg: #F0F6FD;
  --scroll-bar: #19B2E6;
  --scroll-bar-track: #d8d8d8;
  --color-text-primary: #333333;
  --color-text-secondary: #555555;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-border: #DDDDDD;
  --color-border-dark: #000000;
  --gray-border: #A8A8A8;
  --color-shadow: rgba(32, 201, 151, 0.1);
  --dark-text: #222;
  }
   
  /* Orange Theme */
[data-theme="orange"] {
  --primary-color: #FF7700;
  --primary-btn-hover: #f89640;
  --header-bg: #FFF;
  --text-dark: #222;
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #f8f9fa;
  --color-bg-light: #f0f0f0;
  --hero-bg: #F7FBFE;
  --card-light-bg: #ffcb9e;
  --footer-bg: #F0F6FD;
  --scroll-bar: #FF7700;
  --scroll-bar-track: #d8d8d8;
  --color-text-primary: #333333;
  --color-text-secondary: #555555;
  --color-text-light: #666666;
  --color-text-white: #FFFFFF;
  --color-border: #DDDDDD;
  --color-border-dark: #000000;
  --gray-border: #A8A8A8;
  --color-shadow: rgba(253, 126, 20, 0.1);
  --dark-text: #222;
}