/* Aethron Brand Colors and Variables */

:root {
  /* Primary Brand Colors */
  --aethron-blue: #06c;
  --aethron-blue-dark: #049;
  --aethron-blue-light: #3385d6;
  --aethron-orange: #f60;
  --aethron-orange-dark: #e55a00;
  --aethron-orange-light: #ff8533;
  
  /* Neutral Colors */
  --aethron-white: #fff;
  --aethron-black: #000;
  --aethron-gray: #f5f5f5;
  --aethron-gray-light: #f8f9fa;
  --aethron-gray-medium: #6c757d;
  --aethron-gray-dark: #333;
  
  /* Text Colors */
  --text-primary: var(--aethron-black);
  --text-secondary: var(--aethron-gray-dark);
  --text-muted: var(--aethron-gray-medium);
  --text-white: var(--aethron-white);
  
  /* Background Colors */
  --bg-primary: var(--aethron-white);
  --bg-secondary: var(--aethron-gray);
  --bg-hero: var(--aethron-blue);
  --bg-accent: var(--aethron-orange);
}

/* Typography using brand colors */
body {
  color: var(--text-primary);
  background-color: var(--bg-primary);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
}

/* Brand-specific text colors */
.text-blue {
  color: var(--aethron-blue) !important;
}

.text-orange {
  color: var(--aethron-orange) !important;
}

.text-white {
  color: var(--text-white) !important;
}

.text-black {
  color: var(--text-primary) !important;
}

/* Brand-specific background colors */
.bg-blue {
  background-color: var(--aethron-blue) !important;
}

.bg-orange {
  background-color: var(--aethron-orange) !important;
}

.bg-white {
  background-color: var(--bg-primary) !important;
}

.bg-gray {
  background-color: var(--bg-secondary) !important;
}

/* Button Brand Styles */
.btn-brand-primary {
  background-color: var(--aethron-orange);
  color: var(--text-white);
  border: none;
}

.btn-brand-primary:hover {
  background-color: var(--aethron-orange-dark);
  color: var(--text-white);
  text-decoration: none;
}

.btn-brand-secondary {
  background-color: transparent;
  color: var(--aethron-blue);
  border: 2px solid var(--aethron-blue);
}

.btn-brand-secondary:hover {
  background-color: var(--aethron-blue);
  color: var(--text-white);
  text-decoration: none;
}

/* Service Card Icons - Orange Circle */
.service-icon-brand {
  background-color: var(--aethron-orange);
  color: var(--text-white);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  margin: 0 auto 1.5rem;
}

/* Brand gradient overlays */
.brand-gradient-blue {
  background: linear-gradient(135deg, var(--aethron-blue) 0%, var(--aethron-blue-dark) 100%);
}

.brand-gradient-orange {
  background: linear-gradient(135deg, var(--aethron-orange) 0%, var(--aethron-orange-dark) 100%);
}