/* ═══════════════════════════════════════════════════════════
   Augustus Corporation — Custom Utilities  v6
   Premium refresh: richer navy, vivid electric blue, gold accents
════════════════════════════════════════════════════════════ */

/* ── Navy (deep midnight) ──────────────────────────────────── */
.bg-navy-900  { background-color: #060C1A; }
.bg-navy-800  { background-color: #0E1F3B; }
.bg-navy-700  { background-color: #1A3457; }
.bg-navy-600  { background-color: #264E7E; }
.bg-navy-500  { background-color: #3568A0; }
.text-navy-800 { color: #0E1F3B; }
.text-navy-700 { color: #1A3457; }
.border-navy-800 { border-color: #0E1F3B; }
.hover\:text-navy-800:hover { color: #0E1F3B; }

/* ── Primary — vivid electric blue ────────────────────────── */
.bg-primary-600  { background-color: #1A6EEB; }
.bg-primary-700  { background-color: #1458C0; }
.bg-primary-50   { background-color: #EBF2FF; }
.text-primary-600 { color: #1A6EEB; }
.text-primary-500 { color: #4B93F5; }
.text-primary-400 { color: #6EAEFF; }
.text-primary-300 { color: #93C5FD; }
.text-primary-700 { color: #1458C0; }
.border-primary-600 { border-color: #1A6EEB; }
.hover\:bg-primary-600:hover   { background-color: #1A6EEB; }
.hover\:bg-primary-700:hover   { background-color: #1458C0; }
.hover\:text-primary-600:hover { color: #1A6EEB; }
.hover\:border-primary-600:hover { border-color: #1A6EEB; }
.focus\:border-primary-600:focus { border-color: #1A6EEB; }
.focus\:ring-primary-600:focus   { --tw-ring-color: #1A6EEB; }

/* ── Ocean ─────────────────────────────────────────────────── */
.bg-ocean-pale   { background-color: #EBF2FF; }
.bg-ocean-light  { background-color: #D4E8FC; }
.text-ocean-mid  { color: #93C5FD; }
.border-ocean-light { border-color: #D4E8FC; }
.border-blue-100  { border-color: #DBEAFE; }
.border-blue-200  { border-color: #BFDBFE; }
.hover\:bg-ocean-pale:hover { background-color: #EBF2FF; }

/* ── Gold accent ────────────────────────────────────────────── */
.text-gold     { color: #E8A22A; }
.bg-gold       { background-color: #E8A22A; }
.border-gold   { border-color: #E8A22A; }

/* ── Image fixed heights ──────────────────────────────────── */
.img-h-sm  { height: 200px; }
.img-h-md  { height: 300px; }
.img-h-lg  { height: 360px; }
.img-h-xl  { height: 440px; }

/* ── Section title / subtitle ─────────────────────────────── */
.section-title   { font-size: 2rem; font-weight: 700; color: #0E1F3B; line-height: 1.15; }
.section-subtitle {
  font-size: 0.68rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.18em; color: #1A6EEB;
  display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.9rem;
}

/* ── Navigation (theme-aware) ─────────────────────────────── */
nav.overflow-x-auto { scrollbar-width: none; -ms-overflow-style: none; }
nav.overflow-x-auto::-webkit-scrollbar { display: none; }

.tab-link {
  display: inline-flex; align-items: center;
  padding: 0 1rem; height: 100%;
  font-size: 0.68rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.1em;
  color: #475569;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  border-bottom: 1px solid transparent;
}
.tab-link:hover { background: #EBF2FF; color: #0E1F3B; }
.tab-link.active { color: #1A6EEB; border-bottom-color: #1A6EEB; background: #EBF2FF; }

html.dark .tab-link          { color: rgba(255,255,255,.6); }
html.dark .tab-link:hover    { background: rgba(255,255,255,.08); color: rgba(255,255,255,.95); }
html.dark .tab-link.active   { color: #60A5FA; border-bottom-color: #1A6EEB; background: rgba(255,255,255,.06); }

/* ── Service card ─────────────────────────────────────────── */
.service-card { position: relative; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.service-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0;
  height: 2px; background: linear-gradient(90deg, #1A6EEB, #60A5FA, #E8A22A);
  transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease;
}
.service-card:hover::before { transform: scaleX(1); }
.service-card:hover { transform: translateY(-4px); box-shadow: 0 10px 32px rgba(26,110,235,0.1); }

/* ── Testimonial quote ────────────────────────────────────── */
.testimonial-card { position: relative; transition: transform 0.3s, box-shadow 0.3s; }
.testimonial-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }

/* ── Company card hover ───────────────────────────────────── */
.company-card { transition: box-shadow 0.3s, transform 0.3s; }
.company-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(26,110,235,0.12); }

/* ── Fade animations ──────────────────────────────────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up   { animation: fadeInUp 0.65s ease-out both; }
.fade-up-2 { animation: fadeInUp 0.65s 0.15s ease-out both; }
.fade-up-3 { animation: fadeInUp 0.65s 0.30s ease-out both; }

/* ── Scrollbar ────────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #EBF2FF; }
::-webkit-scrollbar-thumb { background: #1A6EEB; border-radius: 4px; }

/* ── Job accordion ────────────────────────────────────────── */
.job-arrow { transition: transform 0.25s ease; }

/* ── Buttons ──────────────────────────────────────────────── */
.btn-primary {
  background: linear-gradient(135deg,#1A6EEB,#1458C0);
  color: #fff; font-weight: 700;
  padding: 0.75rem 2rem; text-transform: uppercase;
  letter-spacing: 0.08em; font-size: 0.8rem;
  border-radius: 3px; display: inline-flex; align-items: center; gap: 0.5rem;
  transition: all 0.25s; border: none; cursor: pointer; text-decoration: none;
  box-shadow: 0 2px 10px rgba(26,110,235,0.22);
}
.btn-primary:hover { background: linear-gradient(135deg,#1458C0,#0F48A8); box-shadow: 0 4px 16px rgba(26,110,235,0.32); }

.btn-outline-blue {
  border: 1.5px solid #1A6EEB; color: #1A6EEB; font-weight: 700;
  padding: 0.65rem 2rem; text-transform: uppercase; letter-spacing: 0.08em;
  font-size: 0.8rem; border-radius: 3px; display: inline-flex; align-items: center; gap: 0.5rem;
  transition: all 0.25s; background: transparent; cursor: pointer; text-decoration: none;
}
.btn-outline-blue:hover { background: #1A6EEB; color: #fff; box-shadow: 0 4px 16px rgba(26,110,235,0.3); }

/* ── Line clamp ────────────────────────────────────────────── */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ── Wave SVG ──────────────────────────────────────────────── */
.wave-svg { display: block; width: 100%; }

/* ── Input focus ring ──────────────────────────────────────── */
input:focus, select:focus, textarea:focus {
  outline: none; border-color: #1A6EEB;
  box-shadow: 0 0 0 2px rgba(26,110,235,0.15);
}

/* ── Gradient text utility ─────────────────────────────────── */
.gradient-text {
  background: linear-gradient(90deg,#1A6EEB,#60A5FA);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.gradient-text-gold {
  background: linear-gradient(90deg,#E8A22A,#F5C86A);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* ════════════════════════════════════════════════════════════
   DARK MODE
   ════════════════════════════════════════════════════════════ */

/* ── Page / body ─────────────────────────────────────────── */
html.dark body { background: #0A1628 !important; color: #e2e8f0; }
html.dark [style*="background:#F5FAFF"] { background: #0A1628 !important; }

/* ── White & light backgrounds ───────────────────────────── */
html.dark .bg-white         { background-color: #162032 !important; }
html.dark .bg-gray-50       { background-color: #111C2D !important; }
html.dark .bg-gray-100      { background-color: #162032 !important; }
html.dark .bg-blue-50       { background-color: #111C2D !important; }
html.dark .bg-emerald-50    { background-color: #111C2D !important; }
html.dark .bg-green-50      { background-color: #111C2D !important; }
html.dark .bg-primary-50    { background-color: #111C2D !important; }
html.dark .bg-ocean-pale    { background-color: #1A2D4A !important; }
html.dark .bg-ocean-light   { background-color: #1A2D4A !important; }
html.dark .bg-amber-50      { background-color: #1C1A0A !important; }
html.dark .text-amber-600   { color: #FBBF24 !important; }

/* ── Inline-style background overrides ───────────────────── */
html.dark [style*="background:#EBF5FC"]  { background: #1A2D4A !important; }
html.dark [style*="background:#F0F8FF"]  { background: #162032 !important; }
html.dark [style*="background:#EBF2FF"]  { background: #1A2D4A !important; }
html.dark [style*="background:#F0F6FF"]  { background: #162032 !important; }
html.dark [style*="linear-gradient(135deg,#F0F6FF"]  { background: linear-gradient(135deg,#162032 0%,#1A2D4A 100%) !important; }
html.dark [style*="background:linear-gradient(135deg,#EBF5FC"] { background: linear-gradient(135deg,#1A2D4A 0%,#0A1628 100%) !important; }
html.dark [style*="background:linear-gradient(180deg,#F0F8FF"] { background: linear-gradient(180deg,#162032 0%,#1A2D4A 100%) !important; }
html.dark [style*="linear-gradient(135deg,#EBF5FC,#dbeeff"]   { background: linear-gradient(135deg,#1A2D4A 0%,#111C2D 100%) !important; }
html.dark [style*="linear-gradient(135deg,#EBF2FF,#dbeeff"]   { background: linear-gradient(135deg,#1A2D4A 0%,#111C2D 100%) !important; }

/* ── section-light: all light home-page sections ─────────── */
html.dark .section-light {
  background: linear-gradient(135deg,#0D1B2E 0%,#162032 100%) !important;
}

/* ── Text colors — higher specificity than base.html <style> ─ */
html.dark body .text-navy-800     { color: #E8EFFD !important; }
html.dark body .text-navy-700     { color: #CBD5E8 !important; }
html.dark body .text-gray-700     { color: #CBD5E1 !important; }
html.dark body .text-gray-600     { color: #94A3B8 !important; }
html.dark body .text-gray-500     { color: #94A3B8 !important; }
html.dark body .text-gray-400     { color: #64748B !important; }
html.dark body .section-title     { color: #E8EFFD !important; }

/* ── Borders ─────────────────────────────────────────────── */
html.dark .border-blue-100   { border-color: #1E3050 !important; }
html.dark .border-blue-200   { border-color: #1E3050 !important; }
html.dark .border-ocean-light{ border-color: #1E3050 !important; }
html.dark .border-gray-200   { border-color: #1E3050 !important; }
html.dark .border-gray-100   { border-color: #1E3050 !important; }
html.dark .border-green-200  { border-color: #1A4A2E !important; }

/* ── Shadows ─────────────────────────────────────────────── */
html.dark .shadow-sm  { box-shadow: 0 1px 3px rgba(0,0,0,0.5) !important; }
html.dark .shadow-md  { box-shadow: 0 4px 14px rgba(0,0,0,0.5) !important; }
html.dark .shadow-lg  { box-shadow: 0 8px 28px rgba(0,0,0,0.55) !important; }
html.dark .shadow-xl  { box-shadow: 0 10px 32px rgba(0,0,0,0.6) !important; }
html.dark .shadow-2xl { box-shadow: 0 16px 40px rgba(0,0,0,0.65) !important; }

/* ── Form inputs ─────────────────────────────────────────── */
html.dark input:not([type="submit"]):not([type="button"]):not([type="checkbox"]),
html.dark select, html.dark textarea {
  background-color: #162032 !important; color: #E8EFFD !important; border-color: #1E3050 !important;
}
html.dark input::placeholder, html.dark textarea::placeholder { color: #475569 !important; }
html.dark select option { background-color: #162032; color: #E8EFFD; }

/* ── Hover overrides ─────────────────────────────────────── */
html.dark .hover\:bg-ocean-pale:hover { background-color: #1A2D4A !important; }
html.dark .company-card:hover         { box-shadow: 0 20px 40px rgba(0,0,0,0.7) !important; }

/* ── Navy headers ────────────────────────────────────────── */
html.dark .bg-navy-900 { background-color: #040A14 !important; }
html.dark .bg-navy-800 { background-color: #080F1E !important; }
html.dark .bg-navy-800 .text-navy-800,
html.dark .bg-navy-900 .text-navy-800 { color: #E2E8F0 !important; }

/* ── Scrollbar ───────────────────────────────────────────── */
html.dark ::-webkit-scrollbar-track { background: #162032; }
html.dark ::-webkit-scrollbar-thumb { background: #1A6EEB; }

/* ── Dark mode toggle button ─────────────────────────────── */
.theme-toggle {
  display: flex; align-items: center; justify-content: center;
  width: 2rem; height: 2rem; border-radius: 9999px;
  background: #F1F5F9;
  border: 1px solid #E2E8F0;
  cursor: pointer; transition: background 0.2s, border-color 0.2s; flex-shrink: 0;
}
.theme-toggle:hover { background: #E2E8F0; }
html.dark .theme-toggle { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.12); }
html.dark .theme-toggle:hover { background: rgba(255,255,255,.18); }

/* ════════════════════════════════════════════════════════════
   THEME-AWARE DARK SECTIONS
   Home: Why Choose Us, Our Services  |  Services: Industries
   Light mode → light backgrounds; dark mode → stays dark
   ════════════════════════════════════════════════════════════ */

/* ── Section backgrounds (light override via !important) ─── */
html:not(.dark) .why-us-section       { background: linear-gradient(160deg,#F4F8FF 0%,#EEF3FF 50%,#F8FAFF 100%) !important; }
html:not(.dark) .home-services-section { background: linear-gradient(160deg,#F4F8FF 0%,#EEF3FF 50%,#F8FAFF 100%) !important; }
html:not(.dark) .industries-section   { background: linear-gradient(160deg,#F4F8FF 0%,#EEF3FF 50%,#F8FAFF 100%) !important; }

html.dark .why-us-section        { background: linear-gradient(160deg,#0D1B2E 0%,#0A1628 50%,#0D1B2E 100%) !important; }
html.dark .home-services-section { background: linear-gradient(160deg,#0D1B2E 0%,#0A1628 50%,#0D1B2E 100%) !important; }

/* ── Why-Us feature cards ────────────────────────────────── */
.why-us-card {
  border-radius: 0.5rem;
  box-shadow: 0 2px 16px rgba(26,110,235,.05);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
html:not(.dark) .why-us-card       { background: #ffffff; border: 1px solid #BFDBFE; }
html:not(.dark) .why-us-card:hover { background: #DBEAFE; border-color: rgba(26,110,235,.45); box-shadow: 0 8px 32px rgba(26,110,235,.1); }
html.dark .why-us-card             { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); box-shadow: none; }
html.dark .why-us-card:hover       { background: rgba(26,110,235,.1); border-color: rgba(26,110,235,.4); }

/* ── Home services: grid container ──────────────────────── */
.home-services-grid { gap: 1rem; }

/* ── Home services: individual cards ────────────────────── */
.home-service-card {
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(26,110,235,.05);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
html:not(.dark) .home-service-card       { background: #ffffff; border: 1px solid #BFDBFE; }
html:not(.dark) .home-service-card:hover { background: #DBEAFE; border-color: rgba(26,110,235,.45); box-shadow: 0 8px 28px rgba(26,110,235,.1); }
html.dark .home-service-card             { background: #070E1F; border: 1px solid rgba(255,255,255,.08); }
html.dark .home-service-card:hover       { background: #0C1830; }

/* ── Industry cards (services page) ─────────────────────── */
.industry-card {
  border-radius: 4px;
  box-shadow: 0 2px 16px rgba(26,110,235,.05);
  transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
html:not(.dark) .industry-card       { background: #ffffff; border: 1px solid #BFDBFE; }
html:not(.dark) .industry-card:hover { background: #DBEAFE; border-color: rgba(26,110,235,.45); box-shadow: 0 8px 32px rgba(26,110,235,.1); }
html.dark .industry-card             { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); box-shadow: none; }
html.dark .industry-card:hover       { border-color: rgba(26,110,235,.4); background: rgba(26,110,235,.06); }

/* ── Light mode: text overrides in dark sections ─────────── */
html:not(.dark) .why-us-section .text-white,
html:not(.dark) .home-services-section .text-white,
html:not(.dark) .industries-section .text-white { color: var(--c-text-h) !important; }

html:not(.dark) .why-us-section [style*="color:rgba(255,255,255,"],
html:not(.dark) .home-services-section [style*="color:rgba(255,255,255,"],
html:not(.dark) .industries-section [style*="color:rgba(255,255,255,"] { color: var(--c-muted) !important; }

html:not(.dark) .home-services-section [style*="color:#ffffff"],
html:not(.dark) .industries-section [style*="color:#ffffff"] { color: var(--c-text-h) !important; }

/* ── Light mode: dividers and internal borders ───────────── */
html:not(.dark) .why-us-section [style*="background:rgba(255,255,255,.1)"] { background: #DBEAFE !important; }
html:not(.dark) .industries-section [style*="background:rgba(255,255,255,.07)"] { background: #DBEAFE !important; }
html:not(.dark) .industry-card [style*="border-top:1px solid rgba(255,255,255,.07)"] { border-top-color: #DBEAFE !important; }
html:not(.dark) .home-service-card [style*="border-top:1px solid rgba(255,255,255,.07)"] { border-top-color: #DBEAFE !important; }