/* ============================================================
   Diamond TechSoft — Light Theme
   File: assets/css/theme-light.css

   HOW TO USE
   ──────────
   Add this ONE line to includes/header.php, AFTER global.css:
     <link rel="stylesheet" href="/assets/css/theme-light.css">

   That's it. No page files need to change.
   Remove that line at any time to revert to dark theme.
   ============================================================ */

/* ──────────────────────────────────────────────────────────
   1. PALETTE REDEFINITION
   Deep navy → warm off-white / light slate
   Cyan accent stays but darkened to a richer teal/blue
   for sufficient contrast on light backgrounds.
   ────────────────────────────────────────────────────────── */
:root {
  /* Page backgrounds */
  --blue-dark:    #f4f6fb;   /* was #050d1f — page base bg */
  --blue-mid:     #eaedf5;   /* was #0a1628 — section alt bg, footer */
  --blue-card:    #ffffff;   /* was #0d1e35 — card surfaces */

  /* Accent colors — deepened for light-bg contrast */
  --accent:       #0099bb;   /* was #00d4ff — teal (AA contrast on white) */
  --accent2:      #5b3fc4;   /* was #7b5cf0 — deep violet */
  --accent-gold:  #d4960a;   /* was #f5c542 — darker gold */

  /* Typography */
  --text-primary: #111827;   /* was #e8f0fe — near-black */
  --text-muted:   #5a6a84;
  --text-heading: #0e1a2e;   /* was #7a8baa — medium slate */

  /* Borders */
  --border:       rgba(0, 153, 187, 0.18);  /* teal-tinted, visible on white */
}

/* ──────────────────────────────────────────────────────────
   2. BASE — body & noise overlay
   ────────────────────────────────────────────────────────── */
body {
  background: var(--blue-dark);
  color: var(--text-primary);
}

/* Noise texture: barely visible on light bg */
body::before { opacity: 0.12; }

/* ──────────────────────────────────────────────────────────
   3. TOPBAR
   ────────────────────────────────────────────────────────── */
.topbar {
  background: #e4e8f2;
  border-bottom: 1px solid rgba(0,153,187,.15);
  color: var(--text-muted);
}
.topbar a { color: var(--accent); }
.topbar .social-icons a {
  color: var(--text-muted);
  border-color: rgba(0,153,187,.2);
}
.topbar .social-icons a:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(0,153,187,.06);
}

/* ──────────────────────────────────────────────────────────
   4. NAVBAR
   ────────────────────────────────────────────────────────── */
.navbar {
  background: rgba(244,246,251,.96) !important;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0,153,187,.14);
  box-shadow: 0 1px 12px rgba(0,0,0,.06);
}
.navbar.scrolled {
  background: rgba(244,246,251,.98) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.1);
}
.navbar-brand { color: #0e1a2e !important; }
.navbar-brand span { color: var(--accent); }
.navbar-brand small { color: var(--text-muted); }

.nav-link { color: var(--text-muted) !important; }
.nav-link:hover { color: #0e1a2e !important; }
.nav-link.active { color: var(--accent) !important; }

.dropdown-menu {
  background: #ffffff;
  border: 1px solid rgba(0,153,187,.15);
  box-shadow: 0 12px 40px rgba(0,0,0,.12);
}
.dropdown-item { color: #334155; }
.dropdown-item:hover { background: rgba(0,153,187,.07); color: var(--accent); }

.btn-nav-cta {
  background: var(--accent) !important;
  color: #ffffff !important;
}
.btn-nav-cta:hover {
  background: #007a99 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0,153,187,.25);
}

/* ──────────────────────────────────────────────────────────
   5. PAGE HERO BACKGROUNDS
   ────────────────────────────────────────────────────────── */
.hero-bg,
.page-hero-bg,
.post-hero-bg,
.notfound-bg {
  background:
    radial-gradient(ellipse 80% 60% at 70% 50%,  rgba(0,153,187,.07),  transparent 60%),
    radial-gradient(ellipse 50% 40% at 20% 80%,  rgba(91,63,196,.07),  transparent 50%),
    linear-gradient(180deg, #e8edf8 0%, #f0f4fb 100%);
}

/* Grid lines — visible but subtle on light bg */
.hero-grid,
.page-hero-grid,
.post-hero-grid {
  background-image:
    linear-gradient(rgba(0,153,187,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,153,187,.06) 1px, transparent 1px);
}

/* Hero text colors */
.hero h1,
.page-title,
.post-title { color: #0e1a2e; }

.hero-sub,
.page-sub  { color: var(--text-muted); }

.hero-badge {
  background: rgba(0,153,187,.08);
  border-color: rgba(0,153,187,.25);
  color: var(--accent);
}
.hero-badge .dot { background: var(--accent); }

/* Stat numbers */
.stat-item .stat-num,
.rb-num,
.stat-box .stat-num { color: #0e1a2e; }

/* ──────────────────────────────────────────────────────────
   6. CARDS — all surfaces
   ────────────────────────────────────────────────────────── */
.card-dark,
.service-card,
.why-item,
.testimonial-card,
.tech-category-card,
.blog-featured-card,
.blog-card,
.job-card,
.culture-card,
.sidebar-widget,
.sitemap-group,
.cs-card,
.ts-card,
.mv-card,
.team-card,
.story-card,
.process-visual,
.promise-card,
.info-card,
.contact-form-wrap,
.featured-case,
.fc-content,
.no-opening-card,
.legal-toc,
.legal-contact-box,
.author-box,
.faq-item {
  background: #ffffff;
  border-color: rgba(0,153,187,.15);
}

/* Card hover borders */
.card-dark:hover,
.service-card:hover,
.why-item:hover,
.tech-category-card:hover,
.blog-card:hover,
.job-card:hover,
.culture-card:hover,
.cs-card:hover,
.ts-card:hover,
.mv-card:hover,
.team-card:hover,
.stat-box:hover,
.info-card:hover,
.award-card:hover,
.blog-featured-card:hover,
.featured-case:hover { border-color: rgba(0,153,187,.4); }

/* Section titles inside cards */
.service-card h4,
.why-item h5,
.tech-cat-title,
.culture-card h4,
.benefit-title,
.job-title,
.blog-card-title a,
.blog-featured-title a,
.post-content h2,
.post-content h3,
.legal-block h2,
.legal-block h3,
.sidebar-widget-title,
.sitemap-group-title,
.author-box-name,
.mv-card h3,
.team-name,
.tl-item h4,
.p-step h5,
.step-content h4 { color: #0e1a2e; }

/* Body text in cards */
.service-card p,
.why-item p,
.tech-cat-desc,
.culture-card p,
.benefit-desc,
.job-desc,
.blog-card-excerpt,
.blog-featured-desc,
.post-content,
.legal-block p,
.legal-block ul li,
.ts-text,
.testimonial-card p,
.author-box-bio,
.story-text p,
.faq-answer p { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   7. SECTION HEADINGS & EYEBROWS (white → dark)
   ────────────────────────────────────────────────────────── */
.section-title { color: #0e1a2e; }

/* Hard-coded #fff headings scattered across page files */
h1, h2, h3, h4, h5,
.navbar-brand,
.step-content h4,
.process-metric .pm-value,
.tl-year ~ h4,
.sitemap-group-title,
.footer-heading,
.footer-brand { color: #0e1a2e; }

/* Eyebrows */
.page-eyebrow,
.section-eyebrow { color: var(--accent); }
.page-eyebrow::before,
.section-eyebrow::before { background: var(--accent); }

/* ──────────────────────────────────────────────────────────
   8. BUTTONS
   ────────────────────────────────────────────────────────── */
.btn-primary-cta {
  background: var(--accent);
  color: #ffffff;
}
.btn-primary-cta:hover {
  background: #007a99;
  color: #ffffff;
  box-shadow: 0 12px 40px rgba(0,153,187,.25);
}

.btn-outline-cta {
  color: #334155;
  border-color: rgba(0,153,187,.3);
}
.btn-outline-cta:hover {
  border-color: var(--accent);
  color: var(--accent);
  background: rgba(0,153,187,.05);
}

.btn-subscribe { background: var(--accent); color: #fff; }
.btn-subscribe:hover { background: #007a99; }

.btn-apply { background: var(--accent); color: #fff; }
.btn-apply:hover { background: #007a99; box-shadow: 0 8px 24px rgba(0,153,187,.25); color: #fff; }
.btn-apply-ghost { color: var(--accent); border-color: rgba(0,153,187,.3); }
.btn-apply-ghost:hover { background: rgba(0,153,187,.07); }
.btn-case { background: var(--accent); color: #fff; }
.btn-case:hover { background: #007a99; color: #fff; box-shadow: 0 10px 30px rgba(0,153,187,.2); }
.btn-case-outline { color: #334155; border-color: rgba(0,0,0,.15); }
.btn-case-outline:hover { border-color: var(--accent); color: var(--accent); }

/* ──────────────────────────────────────────────────────────
   9. LOGOS STRIP / TECH STRIP
   ────────────────────────────────────────────────────────── */
.logos-strip {
  background: rgba(0,0,0,.02);
  border-color: rgba(0,153,187,.1);
}
.tech-logo-pill {
  color: #5a6a84;
  border-color: rgba(0,153,187,.2);
  background: #fff;
}
.tech-logo-pill:hover { border-color: var(--accent); color: var(--accent); background: rgba(0,153,187,.04); }

.tech-chip {
  background: #fff;
  border-color: rgba(0,153,187,.2);
  color: #5a6a84;
}
.tech-chip:hover { border-color: var(--accent); color: var(--accent); }

/* ──────────────────────────────────────────────────────────
   10. TECH TABS (homepage + technologies)
   ────────────────────────────────────────────────────────── */
.tech-tab-nav {
  background: #eaedf5;
  border-color: rgba(0,153,187,.15);
}
.tech-tab { color: var(--text-muted); }
.tech-tab.active { background: rgba(0,153,187,.12); color: var(--accent); }
.tech-tab:hover:not(.active) { color: #0e1a2e; }

.tech-item {
  background: #fff;
  border-color: rgba(0,153,187,.15);
}
.tech-item:hover { border-color: var(--accent); background: rgba(0,153,187,.04); }
.tech-item .ti-name { color: var(--text-muted); }

.tech-item-tag {
  background: #f4f6fb;
  border-color: rgba(0,153,187,.18);
  color: #5a6a84;
}
.tech-item-tag:hover { border-color: var(--accent); color: var(--accent); background: rgba(0,153,187,.06); }

/* ──────────────────────────────────────────────────────────
   11. PROCESS SECTION
   ────────────────────────────────────────────────────────── */
.step-num {
  background: #ffffff;
  border-color: rgba(0,153,187,.2);
  color: var(--accent);
}
.process-visual {
  background: #ffffff;
  border-color: rgba(0,153,187,.15);
}
.process-metric { border-bottom-color: rgba(0,153,187,.1); }
.pm-label { color: var(--text-muted); }
.pm-value { color: #0e1a2e; }
.pm-value span { color: var(--accent); }
.pm-sub { color: var(--text-muted); }
.progress-track { background: rgba(0,0,0,.07); }

/* ──────────────────────────────────────────────────────────
   12. TEAM & TIMELINE (about page)
   ────────────────────────────────────────────────────────── */
.team-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.team-name { color: #0e1a2e; }
.team-bio { color: var(--text-muted); }
.skill-tag {
  background: rgba(0,153,187,.07);
  border-color: rgba(0,153,187,.18);
  color: var(--accent);
}
.tl-dot {
  background: #ffffff;
  border-color: var(--accent);
}
.tl-dot::before { background: var(--accent); }
.tl-year { color: var(--accent); }
.tl-item p { color: var(--text-muted); }

/* Stat box (about page) */
.stat-box { background: #ffffff; border-color: rgba(0,153,187,.15); }
.stat-box:hover { border-color: rgba(0,153,187,.4); }
.stat-box .stat-label { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   13. TESTIMONIALS
   ────────────────────────────────────────────────────────── */
.testimonial-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.testimonial-card::before { color: rgba(0,153,187,.1); }
.testimonial-card p { color: #5a6a84; }
.author-name { color: #0e1a2e; }
.author-role { color: var(--text-muted); }

.ts-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.ts-card::before { color: rgba(0,153,187,.08); }
.ts-text { color: #5a6a84; }
.ts-name { color: #0e1a2e; }
.ts-role { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   14. CTA STRIP / BANNER
   ────────────────────────────────────────────────────────── */
.cta-box {
  background: linear-gradient(135deg, rgba(0,153,187,.07), rgba(91,63,196,.07));
  border-color: rgba(0,153,187,.2);
}
.cta-box::before {
  background: radial-gradient(circle, rgba(0,153,187,.05), transparent 70%);
}
.cta-box h2 { color: #0e1a2e; }
.cta-box p { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   15. FILTER BUTTONS (services, case studies, blog)
   ────────────────────────────────────────────────────────── */
.filter-btn {
  color: var(--text-muted);
  border-color: rgba(0,153,187,.2);
  background: #fff;
}
.filter-btn:hover { border-color: var(--accent); color: var(--accent); }
.filter-btn.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #ffffff;
}

/* ──────────────────────────────────────────────────────────
   16. CONTACT FORM
   ────────────────────────────────────────────────────────── */
.contact-form-wrap { background: #ffffff; border-color: rgba(0,153,187,.15); }
.contact-form-wrap h2 { color: #0e1a2e; }
.contact-form-wrap .form-intro { color: var(--text-muted); }

.form-label-custom { color: var(--text-muted); }
.form-control-custom {
  background: #f4f6fb;
  border-color: rgba(0,153,187,.2);
  color: #0e1a2e;
}
.form-control-custom:focus {
  border-color: var(--accent);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0,153,187,.1);
}
.form-control-custom::placeholder { color: #9aabb8; }
.form-select-custom {
  background-color: #f4f6fb;
  border-color: rgba(0,153,187,.2);
  color: #0e1a2e;
}
.form-select-custom:focus { border-color: var(--accent); }
.form-select-custom option { background: #ffffff; color: #0e1a2e; }
textarea.form-control-custom { background: #f4f6fb; }

.btn-submit-full { background: var(--accent); color: #fff; }
.btn-submit-full:hover { background: #007a99; box-shadow: 0 12px 40px rgba(0,153,187,.2); }
.form-note { color: var(--text-muted); }

.info-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.info-label { color: var(--text-muted); }
.info-value { color: #0e1a2e; }
.info-value a:hover { color: var(--accent); }
.info-sub { color: var(--text-muted); }

.promise-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.promise-card-title { color: #0e1a2e; }
.promise-item { border-bottom-color: rgba(0,0,0,.06); }
.promise-check {
  background: rgba(0,153,187,.08);
  border-color: rgba(0,153,187,.25);
  color: var(--accent);
}
.promise-text { color: var(--text-muted); }
.promise-text strong { color: #0e1a2e; }

/* Map */
.map-wrap { background: #eaedf5; border-color: rgba(0,153,187,.15); }
.map-title { color: #0e1a2e; }
.map-sub { color: var(--text-muted); }
.map-link { color: var(--accent); border-color: rgba(0,153,187,.2); }
.map-link:hover { background: rgba(0,153,187,.06); }

/* FAQ */
.faq-item { border-color: rgba(0,153,187,.15); }
.faq-item.open { border-color: rgba(0,153,187,.4) !important; }
.faq-question { background: #ffffff; }
.faq-question:hover { background: rgba(0,153,187,.03) !important; }
.faq-q-text { color: #0e1a2e; }
.faq-arrow { color: var(--accent); }
.faq-answer { background: #ffffff; }
.faq-answer p { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   17. BLOG
   ────────────────────────────────────────────────────────── */
.blog-featured-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.blog-featured-label { background: rgba(0,153,187,.1); border-color: rgba(0,153,187,.25); color: var(--accent); }
.blog-featured-title a { color: #0e1a2e; }
.blog-featured-title a:hover { color: var(--accent); }
.blog-featured-desc { color: var(--text-muted); }
.blog-meta { color: var(--text-muted); }
.blog-meta .sep { color: rgba(0,0,0,.15); }

.blog-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.blog-card-meta { color: var(--text-muted); }
.blog-card-title a { color: #0e1a2e; }
.blog-card-title a:hover { color: var(--accent); }
.blog-card-excerpt { color: var(--text-muted); }
.blog-card-footer { border-top-color: rgba(0,153,187,.1); }
.blog-card-author { color: var(--text-muted); }
.blog-card-link { color: var(--accent); }

.blog-cat-pill { background: rgba(0,153,187,.1); border-color: rgba(0,153,187,.25); color: var(--accent); }
.blog-card-cat { background: rgba(255,255,255,.85); border-color: rgba(0,153,187,.2); color: var(--accent); }
.blog-read-more { color: var(--accent); }

/* Sidebar */
.sidebar-widget { background: #ffffff; border-color: rgba(0,153,187,.15); }
.sidebar-widget-title { color: #0e1a2e; border-bottom-color: rgba(0,153,187,.12); }
.cat-link { color: var(--text-muted); border-bottom-color: rgba(0,0,0,.06); }
.cat-link:hover { color: var(--accent); }
.cat-count { background: rgba(0,153,187,.1); border-color: rgba(0,153,187,.2); color: var(--accent); }
.recent-item { border-bottom-color: rgba(0,0,0,.06); }
.recent-thumb { background: rgba(91,63,196,.08); }
.recent-title { color: #0e1a2e; }
.recent-title a { color: #0e1a2e; }
.recent-title a:hover { color: var(--accent); }
.recent-date { color: var(--text-muted); }
.tag-pill { background: #f4f6fb; border-color: rgba(0,153,187,.18); color: #5a6a84; }
.tag-pill:hover { border-color: var(--accent); color: var(--accent); background: rgba(0,153,187,.06); }

/* Pagination */
.page-btn { background: #ffffff; border-color: rgba(0,153,187,.2); color: var(--text-muted); }
.page-btn:hover, .page-btn.active { border-color: var(--accent); color: var(--accent); background: rgba(0,153,187,.06); }

/* Blog single post */
.post-hero-bg { background: linear-gradient(180deg, #e8edf8, #f0f4fb); }
.post-category-label { background: rgba(0,153,187,.1); border-color: rgba(0,153,187,.3); color: var(--accent); }
.post-author-bar { border-color: rgba(0,153,187,.12); }
.post-author-name { color: #0e1a2e; }
.post-author-role { color: var(--text-muted); }
.post-meta-chip { background: #f4f6fb; border-color: rgba(0,153,187,.15); color: var(--text-muted); }
.post-featured-img { background: #eaedf5; border-color: rgba(0,153,187,.15); }
.post-content a { color: var(--accent); }
.post-content ul li::marker,
.post-content ol li::marker { color: var(--accent); }
.post-content blockquote {
  background: rgba(0,153,187,.05);
  border-left-color: var(--accent);
  color: #334155;
}
.post-content code {
  background: rgba(0,153,187,.08);
  border-color: rgba(0,153,187,.2);
  color: var(--accent);
}
.post-content pre { background: #f0f4fb; border-color: rgba(0,153,187,.15); }
.post-content pre code { color: #007a99; }
.post-tag { background: #f4f6fb; border-color: rgba(0,153,187,.18); color: #5a6a84; }
.post-tag:hover { border-color: var(--accent); color: var(--accent); }
.share-btn { background: #f4f6fb; border-color: rgba(0,153,187,.18); color: #5a6a84; }
.share-btn:hover { border-color: var(--accent); color: var(--accent); background: rgba(0,153,187,.06); }
.author-box { background: #ffffff; border-color: rgba(0,153,187,.15); }

/* ──────────────────────────────────────────────────────────
   18. CAREERS
   ────────────────────────────────────────────────────────── */
.culture-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.culture-card h4 { color: #0e1a2e; }
.culture-card p { color: var(--text-muted); }

.benefit-row { border-bottom-color: rgba(0,0,0,.06); }
.benefit-icon { background: rgba(0,153,187,.07); border-color: rgba(0,153,187,.15); }
.benefit-title { color: #0e1a2e; }
.benefit-desc { color: var(--text-muted); }

.job-card { background: #ffffff; border-color: rgba(0,153,187,.15); }
.job-title { color: #0e1a2e; }
.job-dept { color: var(--accent); }
.job-desc { color: var(--text-muted); }
.job-skill { background: #f4f6fb; border-color: rgba(0,0,0,.08); color: #5a6a84; }
.jb-type { background: rgba(0,153,187,.08); border-color: rgba(0,153,187,.2); color: var(--accent); }
.jb-loc  { background: rgba(91,63,196,.07); border-color: rgba(91,63,196,.18); color: var(--accent2); }
.jb-exp  { background: rgba(212,150,10,.08); border-color: rgba(212,150,10,.2); color: var(--accent-gold); }

.no-opening-card {
  background: rgba(0,153,187,.04);
  border-color: rgba(0,153,187,.15);
}
.no-opening-card h4 { color: #0e1a2e; }
.no-opening-card p { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   19. LEGAL PAGES
   ────────────────────────────────────────────────────────── */
.legal-updated { background: rgba(0,153,187,.06); border-color: rgba(0,153,187,.2); color: var(--text-muted); }
.legal-updated strong { color: var(--accent); }
.legal-toc { background: #ffffff; border-color: rgba(0,153,187,.15); }
.legal-toc-title { color: #0e1a2e; }
.legal-toc ol li { color: var(--text-muted); }
.legal-block h2 { color: #0e1a2e; border-bottom-color: rgba(0,153,187,.12); }
.legal-block h3 { color: #0e1a2e; }
.legal-block p, .legal-block ul li { color: var(--text-muted); }
.legal-block ul li::marker { color: var(--accent); }
.legal-highlight {
  background: rgba(91,63,196,.05);
  border-left-color: var(--accent2);
  color: #334155;
}
.legal-contact-box { background: #ffffff; border-color: rgba(0,153,187,.15); }
.legal-contact-box h3 { color: #0e1a2e; }
.legal-contact-box p { color: var(--text-muted); }

/* ──────────────────────────────────────────────────────────
   20. SITEMAP
   ────────────────────────────────────────────────────────── */
.sitemap-group { background: #ffffff; border-color: rgba(0,153,187,.15); }
.sitemap-group-header { border-bottom-color: rgba(0,153,187,.12); }
.sitemap-group-icon { background: rgba(0,153,187,.08); border-color: rgba(0,153,187,.2); }
.sitemap-group-title { color: #0e1a2e; }
.sitemap-links a { color: var(--text-muted); }
.sitemap-links a:hover { background: rgba(0,153,187,.05); color: var(--accent); }
.sitemap-links a .sml-arrow { color: rgba(0,153,187,.3); }
.sitemap-links a:hover .sml-arrow { color: var(--accent); }
.sitemap-sub-links a { color: var(--text-muted); }
.sitemap-sub-links a:hover { color: var(--accent); background: rgba(0,153,187,.04); }

/* ──────────────────────────────────────────────────────────
   21. 404 PAGE
   ────────────────────────────────────────────────────────── */
.notfound-section { background: #f0f4fb; }
.notfound-number {
  background: linear-gradient(135deg, rgba(0,153,187,.2), rgba(91,63,196,.2));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.notfound-title { color: #0e1a2e; }
.notfound-desc { color: var(--text-muted); }
.notfound-ql { background: #fff; border-color: rgba(0,153,187,.2); color: var(--text-muted); }
.notfound-ql:hover { border-color: var(--accent); color: var(--accent); background: rgba(0,153,187,.05); }

/* ──────────────────────────────────────────────────────────
   22. FOOTER
   ────────────────────────────────────────────────────────── */
footer {
  background: #e4e8f2;
  border-top: 1px solid rgba(0,153,187,.14);
}
.footer-brand { color: #0e1a2e; }
.footer-brand span { color: var(--accent); }
.footer-desc { color: var(--text-muted); }
.footer-social a {
  border-color: rgba(0,153,187,.2);
  color: var(--text-muted);
}
.footer-social a:hover { border-color: var(--accent); color: var(--accent); }
.footer-heading { color: #0e1a2e; }
footer ul li a { color: var(--text-muted); }
footer ul li a:hover { color: var(--accent); }
.footer-contact-item { color: var(--text-muted); }
.footer-contact-item .fci { color: var(--accent); }
.footer-divider { border-color: rgba(0,153,187,.15); }
.footer-bottom p { color: var(--text-muted); }
.footer-bottom-links a { color: var(--text-muted); }
.footer-bottom-links a:hover { color: var(--accent); }
.newsletter-input {
  background: rgba(255,255,255,.8);
  border-color: rgba(0,153,187,.2);
  color: #0e1a2e;
}
.newsletter-input:focus { border-color: var(--accent); }
.newsletter-input::placeholder { color: #9aabb8; }

/* ──────────────────────────────────────────────────────────
   23. MISC — borders, dividers, badges, pills
   ────────────────────────────────────────────────────────── */
/* Dividers using rgba(255,255,255,...) → dark equivalents */
.promise-item,
.benefit-row,
.recent-item,
.blog-card-footer,
.process-metric,
.mv-list li,
.legal-block,
.sidebar-widget-title { border-color: rgba(0,153,187,.1); }

/* Badge overrides */
.badge-popular { background: rgba(212,150,10,.1); border-color: rgba(212,150,10,.25); color: var(--accent-gold); }
.badge-new { background: rgba(0,153,187,.08); border-color: rgba(0,153,187,.2); color: var(--accent); }
.blog-featured-label,
.featured-label { background: rgba(0,153,187,.1); border-color: rgba(0,153,187,.25); color: var(--accent); }

/* Service number watermark */
.service-number { color: rgba(0,0,0,.04); }
.srv-num { color: rgba(0,0,0,.03); }

/* Breadcrumb */
.breadcrumb-nav a { color: var(--text-muted); }
.breadcrumb-nav a:hover { color: var(--accent); }
.breadcrumb-nav .current { color: var(--accent); }

/* Alert boxes */
.alert-success-custom {
  background: rgba(0,153,187,.07);
  border-color: rgba(0,153,187,.3);
  color: #007a99;
}
.alert-error-custom {
  background: rgba(220,38,38,.06);
  border-color: rgba(220,38,38,.25);
  color: #b91c1c;
}

/* Navbar toggler */
.navbar-toggler { color: var(--accent) !important; }

/* Gradient text links/headings that use hard #fff */
.srv-link { color: var(--accent); }
.read-more  { color: var(--accent); }
.service-card .read-more { color: var(--accent); }
.cs-read-more { color: var(--accent); }

/* Section separator tones */
.services-section,
.why-section,
.team-section,
.careers-section { background: transparent; }

.tech-section,
.testimonials-section,
.testimonial-strip,
.culture-section,
.mv-section,
.inner-section-muted,
.process-section,
.expertise-bar-section {
  background: linear-gradient(180deg, transparent, rgba(0,153,187,.04), transparent);
}

/* Skills on team cards */
.skill-tag { background: rgba(0,153,187,.07); border-color: rgba(0,153,187,.15); color: var(--accent); }

/* Hover glow shadows — softer on light theme */
.service-card:hover { box-shadow: 0 20px 50px rgba(0,0,0,.08); }
.blog-card:hover { box-shadow: 0 16px 40px rgba(0,0,0,.1); }
.cs-card:hover { box-shadow: 0 16px 40px rgba(0,0,0,.1); }
.job-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.08); }
.team-card:hover { box-shadow: 0 16px 40px rgba(0,0,0,.1); }
.featured-case:hover { box-shadow: 0 16px 48px rgba(0,0,0,.1); }
.blog-featured-card:hover { box-shadow: 0 16px 48px rgba(0,0,0,.1); }