/**
 * Hectronic Custom Theme
 * 
 * This stylesheet provides custom branding colors for the Hectronic chatbot.
 * The color scheme is based on Hectronic's brand identity with the signature
 * red accent color (#db0030) from the logo.
 */

:root {
  /* Primary brand color - Hectronic Red */
  --hectronic-primary: #db0030;
  --hectronic-primary-hover: #b00027;
  --hectronic-primary-light: #ff1744;
  --hectronic-primary-dark: #a0001f;
  
  /* Secondary colors - Complementary grays */
  --hectronic-secondary: #232F3E;
  --hectronic-secondary-light: #3a4a5e;
  --hectronic-secondary-dark: #1a2530;
  
  /* Accent colors */
  --hectronic-accent: #007faa;
  --hectronic-accent-hover: #005f82;
  
  /* Background colors */
  --hectronic-bg-light: #ffffff;
  --hectronic-bg-dark: #171717;
  --hectronic-bg-paper-light: #f8f9fa;
  --hectronic-bg-paper-dark: #212121;
  
  /* Text colors */
  --hectronic-text-primary-light: #232F3E;
  --hectronic-text-primary-dark: #ececec;
  --hectronic-text-secondary-light: #6b7280;
  --hectronic-text-secondary-dark: #9ca3af;
}

/* Override Amplify UI button colors with Hectronic brand */
.amplify-button--primary {
  background-color: var(--hectronic-primary) !important;
}

.amplify-button--primary:hover {
  background-color: var(--hectronic-primary-hover) !important;
}

.amplify-button--primary:active {
  background-color: var(--hectronic-primary-dark) !important;
}

/* Custom link colors */
a.hectronic-link {
  color: var(--hectronic-primary);
  text-decoration: none;
  transition: color 0.2s ease;
}

a.hectronic-link:hover {
  color: var(--hectronic-primary-hover);
  text-decoration: underline;
}

/* Custom accent elements */
.hectronic-accent-border {
  border-color: var(--hectronic-primary);
}

.hectronic-accent-bg {
  background-color: var(--hectronic-primary);
}

.hectronic-accent-text {
  color: var(--hectronic-primary);
}

/* Focus states with Hectronic brand color */
.hectronic-focus:focus {
  outline: 2px solid var(--hectronic-primary);
  outline-offset: 2px;
}

/* Dark mode adjustments */
.dark .hectronic-accent-text {
  color: var(--hectronic-primary-light);
}

.dark a.hectronic-link {
  color: var(--hectronic-primary-light);
}

.dark a.hectronic-link:hover {
  color: var(--hectronic-primary);
}