/* ===== KIVARO FINAL BRAND PALETTE LOCK =====
   Color ratio target:
   60% Cream White      #F7F3EE
   20% Light Wood Beige #E7DCC6
   10% Deep Walnut      #3D2B1F
   7%  Warm Sand Brown  #C8A27A
   3%  Sage Green       #A3B18A
   This file is loaded last to unify all pages without changing layout, fonts, images, radius, or structure.
*/
:root{
  --kv-cream:#F7F3EE;
  --kv-lightwood:#E7DCC6;
  --kv-walnut:#3D2B1F;
  --kv-sand:#C8A27A;
  --kv-sage:#A3B18A;

  --cream:#F7F3EE;
  --beige:#E7DCC6;
  --lightwood:#E7DCC6;
  --walnut:#3D2B1F;
  --sand:#C8A27A;
  --sage:#A3B18A;
  --amber:#C8A27A;
  --white:#F7F3EE;
  --ink:#3D2B1F;
  --text:#3D2B1F;
  --muted:rgba(61,43,31,.72);
  --line:rgba(61,43,31,.12);
  --shadow:0 18px 36px rgba(61,43,31,.06);
}

/* Base background and text */
html,
body{
  background:var(--kv-cream) !important;
  color:var(--kv-walnut) !important;
}
body{
  background:linear-gradient(180deg,var(--kv-cream) 0%,var(--kv-cream) 72%,var(--kv-lightwood) 100%) !important;
}
body,
p,
li,
span,
small,
label,
input,
textarea,
select,
button{
  color:inherit;
}
p,
.lead,
.muted,
.role,
.form-help,
.note,
.card p,
.soft p,
.product-content p,
.oem-card p,
.value-box p,
.info-card p,
.service-card p,
.contact-point p,
.faq-answer p{
  color:rgba(61,43,31,.76) !important;
}

/* Headings and main copy */
h1,h2,h3,h4,h5,h6,
.section-header h2,
.card h3,
.product-content h3,
.oem-card h3{
  color:var(--kv-walnut) !important;
}

/* Header */
.site-header{
  background:rgba(247,243,238,.96) !important;
  border-bottom:1px solid rgba(61,43,31,.10) !important;
  backdrop-filter:blur(10px);
}
.main-nav a{
  color:var(--kv-walnut) !important;
}
.main-nav a.active,
.main-nav a:hover{
  background:var(--kv-lightwood) !important;
  color:var(--kv-walnut) !important;
}

/* Primary surfaces: keep the site mostly cream white */
.card,
.soft,
.form-shell,
.product-card,
.oem-card,
.collection-card,
.snapshot-card,
.value-box,
.equipment-card,
.cta-box,
.serve-card,
.trust-card,
.info-card,
.service-card,
.contact-point,
.note-card-v13,
.note-card-v16,
.cert-slide-card,
.cert-paper,
.metric-card,
.client,
.product-thumb,
.tap-load-card,
.slot,
.menu-link,
.utility-link,
.sidebar,
.marquee-wrap,
.hero-copy,
.hero-box-v9,
.hero-copy-card,
.product-content,
.oem-card .body,
.faq-dark,
.faq-dark-v13{
  background:rgba(247,243,238,.92) !important;
  border-color:rgba(61,43,31,.10) !important;
}

/* Secondary light-wood areas */
.hero-grid-v9,
.number-band,
.feature-item,
.meta-item,
.icon-item,
.note,
.save-item,
.rfq-item,
.text-rfq-list p,
.saving-item-v19,
.saving-note-v19,
.anchor-grid a,
.side-menu a,
.side-menu .card-body a{
  background:rgba(231,220,198,.46) !important;
  border-color:rgba(61,43,31,.10) !important;
}

/* Image / media backplates */
.image,
.product-visual,
.oem-card .media,
.hero-banner,
.hero-image,
.hero-media,
.snapshot-media,
.factory-shell,
.video-shell,
.cert-image-wrap{
  background:linear-gradient(180deg,var(--kv-cream),var(--kv-lightwood)) !important;
  border-color:rgba(61,43,31,.10) !important;
}

/* Accent text */
.eyebrow,
.section-eyebrow,
.kicker,
.sidebar-label,
.strip-title,
.client-label,
.carousel-head h4,
.cert-paper span,
.faq-icon,
.serve-card p.mini,
.saving-note-v19 strong{
  color:var(--kv-sand) !important;
}

/* Tags / chips */
.chip,
.pill,
.tag,
.meta span,
.mini-chip,
.hero-badges-v9 .chip,
.snapshot-card strong,
.feature-item strong,
.meta-item strong,
.icon-item strong{
  color:var(--kv-walnut) !important;
  background:rgba(231,220,198,.66) !important;
  border:1px solid rgba(200,162,122,.36) !important;
}

/* Sage only as a soft support accent */
.icon,
.service-icon,
.faq-icon,
.check-icon,
.badge-icon{
  background:rgba(163,177,138,.22) !important;
  color:var(--kv-walnut) !important;
}

/* Buttons */
.btn-primary,
.hero-cta-row .btn-primary,
.inquiry-submit,
.contact-hero .btn-primary,
.product-card .btn-primary,
.main-nav .btn-primary,
.cta a,
.footer-inquiry-btn,
a.footer-inquiry-btn{
  background:var(--kv-walnut) !important;
  color:var(--kv-cream) !important;
  border:1px solid var(--kv-walnut) !important;
  box-shadow:none !important;
}
.btn-primary:hover,
.hero-cta-row .btn-primary:hover,
.inquiry-submit:hover,
.contact-hero .btn-primary:hover,
.product-card .btn-primary:hover,
.main-nav .btn-primary:hover,
.cta a:hover,
.footer-inquiry-btn:hover,
a.footer-inquiry-btn:hover{
  background:var(--kv-walnut) !important;
  color:var(--kv-cream) !important;
  border-color:var(--kv-walnut) !important;
}

.btn-secondary,
.btn-light,
.btn-outline,
.action-row .btn-secondary,
.kivaro-fixed-quote-btn{
  background:transparent !important;
  color:var(--kv-walnut) !important;
  border:1px solid rgba(61,43,31,.22) !important;
  box-shadow:none !important;
}
.btn-secondary:hover,
.btn-light:hover,
.btn-outline:hover,
.kivaro-fixed-quote-btn:hover{
  background:rgba(231,220,198,.52) !important;
  color:var(--kv-walnut) !important;
  border-color:rgba(61,43,31,.28) !important;
}

.btn-accent{
  background:var(--kv-sand) !important;
  color:var(--kv-walnut) !important;
  border-color:var(--kv-sand) !important;
}

/* Dark blocks */
.serve-card.dark,
.serve-card-v19.dark,
.client-cta,
.sidebar .menu-link.active,
.sidebar a.active,
.menu-link.active{
  background:var(--kv-walnut) !important;
  color:var(--kv-cream) !important;
  border-color:rgba(200,162,122,.28) !important;
}
.serve-card.dark *,
.serve-card-v19.dark *,
.client-cta *,
.sidebar .menu-link.active *,
.sidebar a.active *,
.menu-link.active *{
  color:var(--kv-cream) !important;
}
.serve-card.dark .eyebrow,
.serve-card-v19.dark .eyebrow,
.client-cta .eyebrow{
  color:var(--kv-sand) !important;
}

/* Footer */
.site-footer,
.kivaro-footer-v2{
  background:var(--kv-walnut) !important;
  color:rgba(247,243,238,.84) !important;
}
.site-footer h4,
.kivaro-footer-v2 h4{
  color:var(--kv-cream) !important;
}
.site-footer p,
.site-footer a,
.footer-bottom,
.footer-mini,
.kivaro-footer-v2 p,
.kivaro-footer-v2 a,
.kivaro-footer-v2 .footer-bottom-v2{
  color:rgba(247,243,238,.78) !important;
}
.socials a,
.kivaro-footer-v2 .footer-social-v2 a{
  color:var(--kv-sand) !important;
  background:transparent !important;
}
.kivaro-footer-v2 h4:after{
  background:var(--kv-sand) !important;
}

/* Form fields */
input,
textarea,
select{
  background:rgba(247,243,238,.92) !important;
  color:var(--kv-walnut) !important;
  border-color:rgba(61,43,31,.16) !important;
}
input:focus,
textarea:focus,
select:focus{
  border-color:var(--kv-sand) !important;
  outline:0 !important;
}

/* SVG / line icons inherit palette */
svg{
  color:inherit;
}