/* Global styles for EM Circuit Systems marketing site */

:root {
  --color-primary-50: #e3f2fd;
  --color-primary-100: #bbdefb;
  --color-primary-200: #90caf9;
  --color-primary-300: #64b5f6;
  --color-primary-400: #42a5f5;
  --color-primary-500: #2196f3;
  --color-primary-600: #1e88e5;
  --color-primary-700: #1976d2;
  --color-primary-800: #1565c0;
  --color-primary-900: #0d47a1;

  --color-accent-50: #fff3e0;
  --color-accent-100: #ffe0b2;
  --color-accent-200: #ffcc80;
  --color-accent-300: #ffb74d;
  --color-accent-400: #ffa726;
  --color-accent-500: #ff9800;
  --color-accent-600: #fb8c00;
  --color-accent-700: #f57c00;
  --color-accent-800: #ef6c00;
  --color-accent-900: #e65100;
}

/* Custom styling for electronics company */
html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

/* Bootstrap primary color override */
.bg-primary {
  background-color: var(--color-primary-700) !important;
}

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

.btn-primary {
  background-color: var(--color-primary-700);
  border-color: var(--color-primary-700);
}

.btn-primary:hover {
  background-color: var(--color-primary-800);
  border-color: var(--color-primary-800);
}

.btn-outline-primary {
  color: var(--color-primary-700);
  border-color: var(--color-primary-700);
}

.btn-outline-primary:hover {
  background-color: var(--color-primary-700);
  border-color: var(--color-primary-700);
  color: #fff;
}

/* Warning/Accent color override */
.btn-warning {
  background-color: var(--color-accent-600);
  border-color: var(--color-accent-600);
  color: #fff;
}

.btn-warning:hover {
  background-color: var(--color-accent-700);
  border-color: var(--color-accent-700);
  color: #fff;
}

.text-warning {
  color: var(--color-accent-600) !important;
}

/* Additional styles */
.navbar-brand {
  font-size: 1.25rem;
}

.card {
  transition: transform 0.2s;
}

.card:hover {
  transform: translateY(-2px);
}

/* Form message styling */
.form-message-success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}

.form-message-error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}