/* =========================================================
   SITE THEME: Saksham (Logo-matched)
   Goal:
   - Clean "lab-grade" UI
   - Primary brand color = logo red
   - Keep compatibility with existing classes:
       .copper-text, .copper-bg, .section-padding
   ========================================================= */

/* Brand tokens */
:root {
  --brand-primary: #D53836;   /* logo red */
  --brand-dark: #1A0C0C;      /* near-black from logo text */
  --brand-bg: #F7F7F7;        /* clean light background */
  --brand-white: #FFFFFF;
  --brand-border: #E3E3E3;
  --brand-muted: #6B6B6B;
}

/* Global */
html, body { height: 100%; }

body {
  background: var(--brand-bg) !important;
  color: var(--brand-dark) !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.6;
}

/* Section spacing (keeps your existing layout working) */
.section-padding { padding: 60px 0; }
@media (max-width: 575.98px) {
  .section-padding { padding: 44px 0; }
}

/* Compatibility: old "copper" classes become brand-red */
.copper-text { color: var(--brand-primary) !important; }
.copper-bg   { background: var(--brand-primary) !important; }

/* Links */
a { color: inherit; }
a:hover { color: var(--brand-primary); }

/* Header / Navbar (override inline styles using !important) */
#site-header .navbar {
  background: var(--brand-white) !important;
  border-bottom: 1px solid var(--brand-border) !important;
}

#site-header .navbar-brand img {
  display: block;
}

#site-header .nav-link {
  color: var(--brand-dark) !important;
  font-weight: 500;
  padding-left: .9rem;
  padding-right: .9rem;
}

#site-header .nav-link:hover {
  color: var(--brand-primary) !important;
}

#site-header .nav-link.active {
  color: var(--brand-primary) !important;
  font-weight: 700;
}

/* Buttons */
.btn-success,
.btn-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.btn-success:hover,
.btn-primary:hover {
  filter: brightness(0.95);
}

.btn-outline-dark:hover {
  background: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: var(--brand-white) !important;
}

/* Pills / badges */
.badge.text-bg-light {
  background: var(--brand-white) !important;
  color: var(--brand-dark) !important;
  border-color: var(--brand-border) !important;
}

/* Cards: subtle “clinical” style */
.card {
  border-color: var(--brand-border) !important;
  border-radius: 14px;
}

.shadow-sm {
  box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.06) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--brand-dark);
}

/* Muted text improvement */
.text-muted { color: var(--brand-muted) !important; }
.text-white-50 { opacity: .85; }

/* Footer (optional basic styling if your footer is simple) */
footer, .footer {
  border-top: 1px solid var(--brand-border);
  background: var(--brand-white);
}

/* Forms */
.form-control:focus,
.form-select:focus {
  border-color: rgba(213, 56, 54, 0.35);
  box-shadow: 0 0 0 .2rem rgba(213, 56, 54, 0.12);
}

/* Utility: small rounded tiles */
.tile {
  border: 1px solid var(--brand-border);
  background: var(--brand-white);
  border-radius: 14px;
}