/*
Theme Name: Al Khair Technical Solutions
Theme URI: https://www.alkhairtechnicalsolutions.com
Author: Al Khair Technical Solutions Engineers
Author URI: https://www.alkhairtechnicalsolutions.com
Description: Turnkey EPCC & MEP Contracting, HVAC, Electrical, Plumbing, Firefighting, Civil & IT Engineering WordPress Theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: al-khair-theme
Tags: engineering, mep, hvac, construction, turnkey, dark-mode, custom-colors, responsive-layout, portfolio
*/

/* Reset & Custom CSS Variables */
:root {
  --primary-accent: #FF3E00;
  --primary-hover: #E03700;
  --bg-dark: #121212;
  --bg-card: #1A1A1A;
  --bg-card-hover: #222222;
  --text-main: #F9F8F6;
  --text-muted: #AAAAAA;
  --border-dark: #2A2A2A;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--bg-dark);
  color: var(--text-main);
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

h1, h2, h3, h4, .font-serif {
  font-family: 'Playfair Display', serif;
}

/* Grayscale hover contrast utility */
.grayscaleContrast {
  filter: grayscale(100%) contrast(110%);
  transition: filter 0.3s ease, transform 0.3s ease;
}

.grayscaleContrast:hover {
  filter: grayscale(0%) contrast(100%);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #121212;
}
::-webkit-scrollbar-thumb {
  background: #FF3E00;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #E03700;
}