/* ========================================================
   UNIFIED NEUMORPHIC STYLE — STATUS CAPITAL
   Site-wide CSS: #e0e5ec blue-grey background
   Keeps dark sections dark, makes light areas neumorphic
   ======================================================== */

/* 1. Body background override */
body.t-body,
body {
  background: #e0e5ec !important;
  background-color: #e0e5ec !important;
}

/* 2. Root variable override */
:root {
  --background-white: #e0e5ec !important;
  --nm-bg: #e0e5ec;
  --nm-bg-alt: #d9dee6;
  --nm-shadow-dark: #b8bec7;
  --nm-shadow-light: #ffffff;
}

/* 3. Light sections — ensure neumorphic bg */
.sc-s,
.proj,
.reviews,
.contacts,
.reviews-section,
.license-section,
.docs-section {
  background: #e0e5ec !important;
}

/* 4. Dark sections — stay dark */
.hero,
.why-section,
.lic-s {
  background: var(--bg, #0a0a0b) !important;
}

/* 5. Portfolio / Project cards — neumorphic styling */
.proj-card {
  background: #e4e9f0 !important;
  border-radius: 20px;
  box-shadow: 10px 10px 25px #c5cad1, -10px -10px 25px #ffffff !important;
  border: 1px solid rgba(255,255,255,0.6);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.proj-card:hover {
  transform: translateY(-3px);
  box-shadow: 12px 12px 30px #bfc4cb, -12px -12px 30px #ffffff !important;
}

/* 6. Review cards in light sections — neumorphic */
.reviews .review-card,
.reviews-section .reviews-card {
  background: #e4e9f0;
  border-radius: 20px;
  box-shadow: 8px 8px 20px #b8bec7, -8px -8px 20px #ffffff;
  border: 1px solid rgba(255,255,255,0.5);
}

/* 7. Contact section form — neumorphic */
.contacts .contact-form,
.contacts form,
.contacts .cform {
  background: #e4e9f0;
  border-radius: 20px;
  box-shadow: 8px 8px 20px #b8bec7, -8px -8px 20px #ffffff;
  padding: 40px;
}

/* 8. Document / license cards in light areas */
.license-section .doc-card,
.docs-section .doc-card {
  background: #e4e9f0;
  border-radius: 16px;
  box-shadow: 6px 6px 16px #b8bec7, -6px -6px 16px #ffffff;
  border: 1px solid rgba(255,255,255,0.5);
  transition: transform 0.3s ease;
}
.license-section .doc-card:hover,
.docs-section .doc-card:hover {
  transform: translateY(-2px);
}

/* 9. Section badges / headers — subtle neumorphic */
.sc-badge,
.proj-badge,
.reviews-badge,
.lic-badge-light {
  background: #d9dee6;
  box-shadow: 3px 3px 8px #b8bec7, -3px -3px 8px #ffffff;
  border-radius: 20px;
}

/* 10. CTA buttons in light sections — neumorphic pressed style */
.sc-s .sc-cta,
.proj .proj-cta {
  box-shadow: inset 3px 3px 6px #b8bec7, inset -3px -3px 6px #ffffff;
}

/* 11. Service bento cards — keep dark, add subtle glow */
.bento .nc {
  border: 1px solid rgba(255,255,255,0.06);
}

/* 12. Smooth scroll for whole site */
html {
  scroll-behavior: smooth;
}

/* 13. Footer in neumorphic context */
.t-footer,
.t-footer .t-rec {
  background: #d9dee6 !important;
}

/* 14. Cookie banner subtle adjust */
.t886 {
  background: rgba(224,229,236,0.95) !important;
  backdrop-filter: blur(10px);
}