/**
 * Default Theme
 * Blue professional theme
 */

:root {
  /* Brand colors */
  --brand-blue: rgb(47, 73, 255);
  --brand-blue-rgb: 47, 73, 255;
  --brand-green: #00E5A0;
  --brand-green-rgb: 0, 229, 160;
  
  /* Core Colors */
  --primary-color: var(--brand-blue);
  --primary-color-rgb: var(--brand-blue-rgb);
  --secondary-color: var(--brand-green);
  --secondary-color-rgb: var(--brand-green-rgb);
  
  /* Text Colors */
  --text-color: #333333;
  --heading-color: #212529;
  --text-light: #ffffff;
  --text-dark: #212529;
  --text-muted: #6c757d;
  
  /* Background Colors */
  --background-color: #ffffff;
  --background-color-alt: #f8f9fa;
  
  /* Component Colors */
  --header-bg: var(--primary-color);
  --footer-bg: #f5f5f5;
  --card-bg: #ffffff;
  --card-hover-bg: #f8f9fa;
  --light-bg: #f8f9fa; /* For features section background */
  --primary-light: var(--primary-color);
  
  /* Effects */
  --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  
  /* Borders */
  --border-color: #e9ecef;
  --color-border: var(--border-color);
}