/* =========================================================
   Nuvyoday — color system matched to iVistaar.com
   Deep burgundy/red + warm orange accents + soft cream bg
   ========================================================= */

:root {
  /* Primary brand (deep red / burgundy – matches iVistaar logo & dark buttons) */
  --nv-primary: #9B1B1B;
  --nv-primary-dark: #7A1515;
  --nv-primary-light: #B91C1C;

  /* Accent / CTA (warm orange – matches “Download free demo”) */
  --nv-accent: #F97316;
  --nv-accent-hover: #EA580C;
  --nv-accent-soft: #FFEDD5;

  /* Neutrals */
  --nv-bg: #FFF7ED;          /* soft warm cream */
  --nv-bg-card: #FFFFFF;
  --nv-text: #1C1917;
  --nv-text-muted: #78716C;
  --nv-border: #E7E5E4;

  /* Bootstrap overrides */
  --bs-primary: #9B1B1B;
  --bs-primary-rgb: 155, 27, 27;
  --bs-link-color: #9B1B1B;
  --bs-link-hover-color: #7A1515;
}

/* Body */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--nv-bg) !important;
  color: var(--nv-text);
}

/* Navbar – deep red like iVistaar Download button */
.navbar.bg-primary,
.navbar-dark.bg-primary {
  background-color: var(--nv-primary) !important;
  background-image: none !important;
}

.navbar-brand {
  letter-spacing: -0.02em;
  color: #fff !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.85);
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
}

/* Primary buttons → deep red */
.btn-primary {
  --bs-btn-bg: var(--nv-primary);
  --bs-btn-border-color: var(--nv-primary);
  --bs-btn-hover-bg: var(--nv-primary-dark);
  --bs-btn-hover-border-color: var(--nv-primary-dark);
  --bs-btn-active-bg: var(--nv-primary-dark);
  --bs-btn-active-border-color: var(--nv-primary-dark);
  --bs-btn-disabled-bg: var(--nv-primary);
  --bs-btn-disabled-border-color: var(--nv-primary);
}

/* Outline primary */
.btn-outline-primary {
  --bs-btn-color: var(--nv-primary);
  --bs-btn-border-color: var(--nv-primary);
  --bs-btn-hover-bg: var(--nv-primary);
  --bs-btn-hover-border-color: var(--nv-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--nv-primary-dark);
  --bs-btn-active-border-color: var(--nv-primary-dark);
}

/* Accent orange button (for strong CTAs if needed) */
.btn-accent,
.btn-warning {
  --bs-btn-bg: var(--nv-accent);
  --bs-btn-border-color: var(--nv-accent);
  --bs-btn-hover-bg: var(--nv-accent-hover);
  --bs-btn-hover-border-color: var(--nv-accent-hover);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  color: #fff;
}

/* Text primary */
.text-primary {
  color: var(--nv-primary) !important;
}

/* Cards */
.card {
  background-color: var(--nv-bg-card);
  border: 1px solid var(--nv-border);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1.25rem rgba(155, 27, 27, 0.08) !important;
}

/* Table polish */
.table > :not(caption) > * > * {
  padding: 0.85rem 1rem;
}
.table-light {
  --bs-table-bg: #FEF2F2; /* very soft red tint */
}

/* Alerts that use primary feel */
.alert-success {
  --bs-alert-bg: #ECFDF5;
  --bs-alert-border-color: #A7F3D0;
  --bs-alert-color: #065F46;
}

/* Footer */
footer {
  border-top: 1px solid var(--nv-border);
  margin-top: 3rem;
  color: var(--nv-text-muted);
}

/* Soft accent background utility (optional) */
.bg-accent-soft {
  background-color: var(--nv-accent-soft) !important;
}

/* Badge adjustments so they sit nicely with the new palette */
.badge.bg-success {
  background-color: #059669 !important;
}
.badge.bg-danger {
  background-color: var(--nv-primary) !important;
}
.badge.bg-info {
  background-color: #0EA5E9 !important;
}