/* ============================================================
   AmanCloud — Minimal Design Override
   ============================================================ */

/* --- Tokens — sky & cloud palette --- */
:root {
  --ac-sky:       #0EA5E9;   /* vivid sky blue — primary accent */
  --ac-sky-dark:  #0284C7;   /* hover state */
  --ac-sky-deep:  #0C4A6E;   /* footer / dark sections */
  --ac-sky-mid:   #38BDF8;   /* highlights */
  --ac-sky-soft:  #E0F2FE;   /* light cloud tint — card / section bg */
  --ac-sky-pale:  #F0F9FF;   /* near-white sky — page bg */
  --ac-text:      #0C2340;   /* deep navy — body text */
  --ac-text-2:    #3D6280;   /* secondary text */
  --ac-border:    #BAE6FD;   /* cloud-blue border */
  --ac-white:     #FFFFFF;
  --ac-radius:    6px;
}

/* --- Base --- */
body {
  background: var(--ac-white);
  color: var(--ac-text);
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Bootstrap primary override */
.text-primary        { color: var(--ac-sky) !important; }
.bg-primary          { background-color: var(--ac-sky) !important; }
.btn-primary         { background-color: var(--ac-sky) !important; border-color: var(--ac-sky) !important; color: var(--ac-white) !important; }
.btn-primary:hover   { background-color: var(--ac-sky-dark) !important; border-color: var(--ac-sky-dark) !important; }
.btn-outline-primary { color: var(--ac-sky) !important; border-color: var(--ac-sky) !important; background: transparent !important; }
.btn-outline-primary:hover { background-color: var(--ac-sky) !important; color: var(--ac-white) !important; }

.bg-blue-16, .bg-blue-63, .bg-blue-light { background-color: var(--ac-sky-soft) !important; }
.border-blue-16 { border-color: var(--ac-border) !important; }
.text-black-61 { color: var(--ac-text-2) !important; }

/* --- Navbar --- */
.navbar {
  background: var(--ac-white) !important;
  border-bottom: 1px solid var(--ac-border);
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.navbar-brand span {
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  color: var(--ac-sky-deep) !important;
}

.nav-link { color: var(--ac-text-2) !important; font-size: 0.875rem !important; padding-left: 1rem !important; padding-right: 1rem !important; }
.nav-link:hover { color: var(--ac-sky) !important; }

.navbar .btn-primary {
  font-size: 0.875rem !important;
  padding: 0.45rem 1.25rem !important;
  border-radius: var(--ac-radius) !important;
  font-weight: 500;
}

/* --- Hero --- */
.hero-badge {
  display: inline-block;
  background: var(--ac-sky-soft);
  color: var(--ac-sky-dark);
  border: 1px solid var(--ac-border);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  margin-bottom: 1.25rem;
}

.section.hero {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  background: linear-gradient(160deg, var(--ac-white) 55%, var(--ac-sky-pale) 100%);
}

.hero-title {
  font-size: clamp(2.5rem, 5vw, 4rem) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em;
  color: var(--ac-sky-deep) !important;
}

.hero-title strong { color: var(--ac-sky) !important; font-style: normal; }

.hero-image { display: none !important; }

.section.hero .row > [class*="col-12 col-xl-6"]:last-child {
  flex: 0 0 100%;
  max-width: 100%;
}

.section.hero p {
  font-size: 1.125rem !important;
  color: var(--ac-text-2) !important;
  max-width: 520px;
  line-height: 1.7;
}

/* --- Services --- */
.section.services {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
  background: var(--ac-sky-pale);
}

.section.services h3 {
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  color: var(--ac-sky-deep) !important;
}

.section.services > .container > .row:first-child p {
  font-size: 0.9375rem !important;
  color: var(--ac-text-2) !important;
  max-width: 560px;
  margin: 0 auto;
}

.section.services .card {
  background: var(--ac-white) !important;
  border: 1px solid var(--ac-border) !important;
  border-radius: var(--ac-radius) !important;
  padding: 2rem !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.section.services .card:hover {
  box-shadow: 0 4px 24px rgba(14, 165, 233, 0.12);
  border-color: var(--ac-sky-mid) !important;
}

.section.services .card img { display: none !important; }

.section.services .card-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: var(--ac-sky-deep) !important;
  letter-spacing: -0.01em;
}

.section.services .card-text {
  font-size: 0.875rem !important;
  color: var(--ac-text-2) !important;
  line-height: 1.7;
}

.section.services .btn-outline-primary {
  font-size: 0.8125rem !important;
  padding: 0.375rem 1rem !important;
  border-radius: var(--ac-radius) !important;
}

/* --- Footer --- */
footer.footer {
  background: var(--ac-sky-deep) !important;
  padding-top: 3.5rem !important;
  padding-bottom: 2rem !important;
}

footer.footer h4,
footer.footer h5 {
  color: var(--ac-white) !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase !important;
}

footer.footer p,
footer.footer a,
footer.footer li { color: #93C5FD !important; font-size: 0.875rem !important; }

footer.footer a:hover { color: var(--ac-white) !important; }
footer.footer a { text-decoration: none !important; }

footer.footer svg path { fill: #93C5FD !important; }
footer.footer .text-primary { color: #93C5FD !important; }
footer.footer .text-black-61 { color: #93C5FD !important; }
footer.footer [class*="bg-blue"] { background-color: rgba(255,255,255,0.08) !important; }

footer .small.text-center { color: #93C5FD !important; font-size: 0.75rem !important; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem !important; margin-top: 0.5rem; }