/**
 * Template 7 - Color Schemes
 * Dynamic theme system for flexible color customization
 */

/* Default Theme (Blue) */
:root {
  --primary-dark: #2c3e50;
  --accent-orange: #D84324;
  --accent-orange-hover: #ff6c4e;
  --text-primary: #494949;
  --text-secondary: #222;
  --text-muted: #bdc3c7;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-dark: #2c3e50;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #FFF0ED;
  --scroll-bar: #d84324;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #0F1C2C 6.25%, #051A34 81%);
  --border-light: #A8A8A8;
  --border-medium: #ddd;
  --border-dark: #34495e;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #2c3e50;
}

/* Cool Theme */
[data-theme="cool"] {
  --primary-color: #2AB2FA;
  --primary-dark: #138496;
  --primary-light: #d1ecf1;
  --secondary-color: #6c757d;
  --accent-color: #6f42c1;
  --background-color: #f8fcff;
  --surface-color: #e3f2fd;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #bee5eb;
  --shadow-color: rgba(23, 162, 184, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #2AB2FA;
  --accent-orange-hover: #3ab3f4;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #f8fcff;
  --bg-light: #e3f2fd;
  --bg-dark: #138496;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #f0f8ff;
  --scroll-bar: #2AB2FA;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #bee5eb;
  --border-dark: #138496;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #138496;
}

/* Dark Theme */
[data-theme="dark"] {
  --primary-color: #375a7f;
  --primary-dark: #2e4a66;
  --primary-light: #4a6b8a;
  --secondary-color: #495057;
  --accent-color: #e74c3c;
  --background-color: #222222;
  --surface-color: #333333;
  --text-color: #ffffff;
  --text-muted: #adb5bd;
  --border-color: #495057;
  --shadow-color: rgba(0, 0, 0, 0.3);
  --footer-bg: #1a1a1a;
  --footer-text: #ffffff;
  --navbar-bg: #1a1a1a;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #4c7eb3;
  --accent-orange-hover: #4c7eb3;
  --text-primary: #ffffff;
  --text-secondary: #adb5bd;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #333333;
  --bg-light: #2c2c2c;
  --bg-dark: #1a1a1a;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #2c2c2c;
  --scroll-bar: #e74c3c;
  --scroll-bar-track: #444444;
  --header-bg: linear-gradient(90deg, #1a1a1a 6.25%, #0a0a0a 81%);
  --border-light: #555555;
  --border-medium: #444444;
  --border-dark: #2e4a66;
  --border-footer: #555555;
  --placeholder-bg: #666666;
  --placeholder-icon-bg: #2e4a66;
}

/* Green Theme */
[data-theme="green"] {
  --primary-color: #4CAF50;
  --primary-dark: #2d8430;
  --primary-light: #d4edda;
  --secondary-color: #6c757d;
  --accent-color: #17a2b8;
  --background-color: #ffffff;
  --surface-color: #f8f9fa;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --shadow-color: rgba(40, 167, 69, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #4CAF50;
  --accent-orange-hover: #56d25a;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-dark: #218838;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #f0fff0;
  --scroll-bar: #4CAF50;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #ddd;
  --border-dark: #218838;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #218838;
}

/* Warm Theme */
[data-theme="warm"] {
  --primary-color: #FF5924;
  --primary-dark: #c34116;
  --primary-light: #f7916f;
  --secondary-color: #6c757d;
  --accent-color: #fd7e14;
  --background-color: #fefefe;
  --surface-color: #fff5f5;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #f8d7da;
  --shadow-color: rgba(214, 51, 132, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #FF5924;
  --accent-orange-hover: #fb7a4f;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #fefefe;
  --bg-light: #fff5f5;
  --bg-dark: #FF5924;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #fff0f5;
  --scroll-bar: #FF5924;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #f8d7da;
  --border-dark: #FF5924;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #FF5924;
}

/* Purple Theme */
[data-theme="purple"] {
  --primary-color: #4748C5;
  --primary-dark: #3b3bed;
  --primary-light: #e2d9f3;
  --secondary-color: #6c757d;
  --accent-color: #fd7e14;
  --background-color: #ffffff;
  --surface-color: #f8f9fa;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --shadow-color: rgba(111, 66, 193, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #4748C5;
  --accent-orange-hover: #3b3bed;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-dark: #3b3bed;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #f8f0ff;
  --scroll-bar: #3b3bed;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #ddd;
  --border-dark: #3b3bed;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #3b3bed;
}

/* Red Theme */
[data-theme="red"] {
  --primary-color: #D3302F;
  --primary-dark: #f65353;
  --primary-light: #f5c6cb;
  --secondary-color: #6c757d;
  --accent-color: #ffc107;
  --background-color: #ffffff;
  --surface-color: #f8f9fa;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --shadow-color: rgba(220, 53, 69, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #D3302F;
  --accent-orange-hover: #f65353;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-dark: #D3302F;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #fff5f5;
  --scroll-bar: #D3302F;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #ddd;
  --border-dark: #D3302F;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #D3302F;
}

/* Teal Theme */
[data-theme="teal"] {
  --primary-color: #19B2E6;
  --primary-dark: #3cceff;
  --primary-light: #d1ecf1;
  --secondary-color: #6c757d;
  --accent-color: #6f42c1;
  --background-color: #ffffff;
  --surface-color: #f8f9fa;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --shadow-color: rgba(32, 201, 151, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #19B2E6;
  --accent-orange-hover: #3cceff;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-dark: #19B2E6;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #f0ffff;
  --scroll-bar: #19B2E6;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #ddd;
  --border-dark: #19B2E6;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #19B2E6;
}

/* Orange Theme */
[data-theme="orange"] {
  --primary-color: #FF7700;
  --primary-dark: #f89640;
  --primary-light: #ffe8d4;
  --secondary-color: #6c757d;
  --accent-color: #20c997;
  --background-color: #ffffff;
  --surface-color: #f8f9fa;
  --text-color: #212529;
  --text-muted: #6c757d;
  --border-color: #dee2e6;
  --shadow-color: rgba(253, 126, 20, 0.1);
  --footer-bg: #343a40;
  --footer-text: #ffffff;
  --navbar-bg: #212529;
  --navbar-text: #ffffff;
  
  /* Additional variables matching root structure */
  --accent-orange: #FF7700;
  --accent-orange-hover: #f89640;
  --text-primary: #212529;
  --text-secondary: #343a40;
  --text-white: #ffffff;
  --text-white-70: rgba(255, 255, 255, 0.7);
  --text-white-60: rgba(255, 255, 255, 0.6);
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;
  --bg-dark: #FF7700;
  --footer-dark: #060F1A;
  --capabilities-bg: #0F1C2C;
  --additional-services-bg: #fff8f0;
  --scroll-bar: #FF7700;
  --scroll-bar-track: #d8d8d8;
  --header-bg: linear-gradient(90deg, #182c2c 6.25%, #0f1a1a 81%);
  --border-light: #A8A8A8;
  --border-medium: #ddd;
  --border-dark: #FF7700;
  --border-footer: #A8A8A8;
  --placeholder-bg: #999;
  --placeholder-icon-bg: #FF7700;
}