/* --- COLORS & VARIABLES --- */
:root {
  --primary: #0b3c7d;       /* Brand Navy Blue */
  --accent: #f5a623;        /* Professional Gold/Orange for Buttons */
  --light-bg: #f8f9fa;      /* Light Grey for sections */
  --white: #ffffff;
  --overlay: rgba(11, 60, 125, 0.9);
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

/* --- TEXT SELECTION STYLING --- */
/* This makes highlighted text look professional (Gold background, Black text) */
::selection {
  background: var(--accent);
  color: #000;
}

/* --- OVERRIDES & UTILITIES --- */
.text-primary { color: var(--primary) !important; }
.bg-light { background-color: var(--light-bg) !important; }
.section-title { color: var(--primary); font-weight: 700; }

/* --- HEADER --- */
.logo-img { height: 50px; width: auto; }

/* --- BUTTONS (Gold/Orange) --- */
.custom-btn {
  background-color: var(--accent);
  color: #000; /* Black text for readability on gold */
  padding: 10px 25px;
  border-radius: 5px;
  border: 2px solid var(--accent);
  font-weight: 600;
  transition: all 0.3s;
}
.custom-btn:hover {
  background-color: #e09612; /* Slightly darker gold on hover */
  border-color: #e09612;
  color: #000;
  transform: translateY(-2px);
}

/* --- HERO SECTION --- */
.hero {
  /* Replace URL with your local image if needed */
  background: linear-gradient(var(--overlay), var(--overlay)), url('https://images.unsplash.com/photo-1579154204601-01588f351e67?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
  background-size: cover;
  background-position: center;
  min-height: 60vh;
}

/* --- CARDS --- */
.custom-card {
  border-bottom: 4px solid var(--primary) !important;
  transition: transform 0.3s;
  background: var(--white);
}
.custom-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
}
.custom-card h3 {
  color: var(--primary);
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

/* --- INDUSTRY TAGS --- */
.industry-tag {
  background: var(--white);
  padding: 12px 20px;
  border-radius: 30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  font-weight: bold;
  color: var(--primary);
  border: 1px solid #dee2e6;
  font-size: 0.9rem;
}

/* --- CONTACT SECTION (Fixed Invisible Text Bug) --- */
.contact-section {
  background-color: var(--primary) !important; /* Forces Dark Blue Background */
  color: var(--white) !important;
}

/* --- FOOTER --- */
.footer-section {
  background-color: #062145; /* Darker Navy for footer */
}