/* Automotive Repair Industry Color Scheme for SWTA */

:root {
  /* Primary Brand Colors - Automotive Professional */
  --automotive-navy: #1a2332;        /* Deep professional blue */
  --automotive-blue: #2d4059;        /* Medium automotive blue */
  --automotive-light-blue: #4a6fa5;  /* Lighter service blue */
  
  /* Action & Tool Colors */
  --tool-orange: #ff6b35;            /* Safety orange/tool color */
  --warning-red: #d73527;            /* Emergency/warning red */
  --hazard-yellow: #ffb700;          /* Safety yellow */
  
  /* Metallic & Professional */
  --steel-gray: #6c757d;             /* Tool steel gray */
  --chrome-silver: #adb5bd;          /* Chrome/metallic silver */
  --engine-black: #212529;           /* Deep engine black */
  
  /* Service & Trust Colors */
  --service-green: #28a745;          /* Service completed green */
  --diagnostic-purple: #6f42c1;      /* Diagnostic purple */
  
  /* Background & Surface */
  --garage-white: #ffffff;           /* Clean garage white */
  --shop-floor: #f8f9fa;            /* Light shop floor */
  --workbench-gray: #e9ecef;        /* Workbench surface */
  
  /* Text & Content */
  --text-primary: #212529;          /* Primary text */
  --text-secondary: #6c757d;        /* Secondary text */
  --text-muted: #adb5bd;           /* Muted text */
  
  /* Status & Feedback Colors */
  --success: #28a745;               /* Success green */
  --info: #17a2b8;                  /* Info blue */
  --warning: #ffc107;               /* Warning yellow */
  --danger: #dc3545;                /* Danger red */
}

/* Button Variations */
.btn-automotive-primary {
  background-color: var(--automotive-navy);
  border-color: var(--automotive-navy);
  color: var(--garage-white);
}

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

.btn-automotive-action {
  background-color: var(--tool-orange);
  border-color: var(--tool-orange);
  color: var(--garage-white);
}

.btn-automotive-action:hover {
  background-color: #e55a2b;
  border-color: #e55a2b;
}

.btn-automotive-secondary {
  background-color: var(--steel-gray);
  border-color: var(--steel-gray);
  color: var(--garage-white);
}

.btn-automotive-secondary:hover {
  background-color: #5a6268;
  border-color: #545b62;
}

/* Card Styling */
.card-automotive {
  border: 1px solid var(--chrome-silver);
  box-shadow: 0 2px 4px rgba(26, 35, 50, 0.1);
  background-color: var(--garage-white);
}

.card-automotive-header {
  background-color: var(--shop-floor);
  border-bottom: 1px solid var(--chrome-silver);
}

/* Navigation Styling */
.navbar-automotive {
  background-color: var(--automotive-navy);
}

.navbar-automotive .navbar-brand,
.navbar-automotive .nav-link {
  color: var(--garage-white) !important;
}

.navbar-automotive .nav-link:hover {
  color: var(--hazard-yellow) !important;
}

/* Form Styling */
.form-control-automotive {
  border-color: var(--chrome-silver);
  background-color: var(--garage-white);
}

.form-control-automotive:focus {
  border-color: var(--automotive-blue);
  box-shadow: 0 0 0 0.2rem rgba(45, 64, 89, 0.25);
}

/* Status Badges */
.badge-active {
  background-color: var(--service-green);
  color: var(--garage-white);
}

.badge-pending {
  background-color: var(--hazard-yellow);
  color: var(--engine-black);
}

.badge-urgent {
  background-color: var(--warning-red);
  color: var(--garage-white);
}

/* Utility Classes */
.bg-automotive-navy { background-color: var(--automotive-navy) !important; }
.bg-automotive-blue { background-color: var(--automotive-blue) !important; }
.bg-tool-orange { background-color: var(--tool-orange) !important; }
.bg-steel-gray { background-color: var(--steel-gray) !important; }
.bg-shop-floor { background-color: var(--shop-floor) !important; }

.text-automotive-navy { color: var(--automotive-navy) !important; }
.text-automotive-blue { color: var(--automotive-blue) !important; }
.text-tool-orange { color: var(--tool-orange) !important; }
.text-steel-gray { color: var(--steel-gray) !important; }

/* Border Utilities */
.border-automotive { border-color: var(--automotive-blue) !important; }
.border-tool-orange { border-color: var(--tool-orange) !important; }
.border-chrome { border-color: var(--chrome-silver) !important; }

/* Gradient Backgrounds */
.bg-gradient-automotive {
  background: linear-gradient(135deg, var(--automotive-navy) 0%, var(--automotive-blue) 100%);
}

.bg-gradient-tool {
  background: linear-gradient(135deg, var(--tool-orange) 0%, var(--warning-red) 100%);
}

/* Professional shadows */
.shadow-automotive {
  box-shadow: 0 4px 6px rgba(26, 35, 50, 0.1), 0 1px 3px rgba(26, 35, 50, 0.08);
}

.shadow-automotive-lg {
  box-shadow: 0 10px 15px rgba(26, 35, 50, 0.1), 0 4px 6px rgba(26, 35, 50, 0.05);
}

/* Focus states for accessibility */
.focus-automotive:focus {
  outline: 2px solid var(--automotive-blue);
  outline-offset: 2px;
}