/* ============================================================================ Honeycake: CREAM / EDITORIAL LIGHT palette override (shared-architecture pages) Linked LAST in so it wins the cascade over the inline hc-dark-base block. Layout + copy untouched. Terminals / 
 stay dark as deliberate contrast anchors.
   index.html and security.html carry their own inline cream blocks (different class
   systems); this file covers every other page.
   ============================================================================ */
:root{
  --primary-orange:#f4a261;--primary-orange-dark:#e89350;--odd:#b5711e;
  --secondary-gray:#1F2A37;--text-dark:#1F2A37;--text-light:#5a6a72;
  --background-light:#F5EFE4;--background-white:#FBF7F0;
  --border-light:#E7DED0;
  --shadow-light:0 6px 20px rgba(44,62,80,.07);--shadow-medium:0 14px 34px rgba(44,62,80,.10);
  --hc-ink:#FBF7F0;--hc-panel:#FFFFFF;--hc-navy:#2C3E50;
  --cream-2:#F5EFE4;--head:#1F2A37;
}
body{background:var(--hc-ink) !important;color:var(--head)}
h1,h2,h3,h4,h5{color:var(--head) !important}
.content h1,.content h2,.content h3{color:var(--head) !important}

/* announcement bar: BOLD sponsor band (dark, on-brand for Black Hat) */
.bh-announce{background:#16202E !important;border-bottom:2px solid #f4a261 !important;padding:11px 20px !important}
.bh-announce__text{color:#e6ebf0 !important;font-weight:500}
.bh-announce__text strong{color:#fff !important;font-weight:800}
.bh-announce__eyebrow{color:#0d1420 !important;background:#f4a261 !important;border:none !important;font-weight:800 !important}
.bh-announce__booth{color:#f7b267 !important;font-weight:700}
.bh-announce__cta{color:#fff !important;border-bottom-color:#f4a261 !important;font-weight:700}
.bh-announce:hover .bh-announce__cta{border-bottom-color:#fff !important}

/* nav (hc-nav-v2) */
.header{background:rgba(251,247,240,.88) !important;border-bottom:1px solid var(--border-light) !important}
.nav-wordmark{color:var(--head)}
.nav-links a,button.nav-dd-trigger{color:#4a5a66 !important}
.nav-links a:hover,button.nav-dd-trigger:hover{color:var(--odd) !important}
.nav-links > a.active,.nav-dropdown.active > .nav-dd-trigger,button.nav-dd-trigger.active{color:var(--odd) !important}
.nav-dd-menu{background:#fff;border:1px solid var(--border-light);box-shadow:0 18px 48px rgba(44,62,80,.14)}
.nav-dd-menu a{color:#4a5a66 !important}
.nav-dd-menu a:hover{background:var(--cream-2);color:var(--head) !important}
.nav-dd-label{color:#8a97a1}
.nav-chip{background:rgba(244,162,97,.18);color:var(--odd)}
.nav-download{border-color:rgba(181,113,30,.5);color:var(--odd) !important}
.nav-download:hover{background:rgba(244,162,97,.10)}
.hamburger span{background:var(--head) !important}

/* CTA buttons: darker gradient keeps white text legible on cream */
.cta-button,.submit-button{background:#e89350 !important;color:#fff !important;box-shadow:0 4px 16px rgba(181,113,30,.22)}
.cta-button:hover,.submit-button:hover{background:#9a6018 !important;box-shadow:0 8px 24px rgba(181,113,30,.30)}
.cta-ghost,.btn-ghost{color:var(--odd)}
.eyebrow,.sec-eyebrow,.kicker,.subtitle{color:var(--odd)}

/* ===== CARDS: white on cream (all hc-dark-base elevated surfaces) ===== */
.product-card,.install-cta,.faq-item,.step-container,.opener-method-card,
.download-item,.feature-card,.callout-box,.highlight,.leader-card,.team-card,
.news-card,.article-card,.contact-card,.pricing-card,.info-card,.method-card,
.use-case,.tier,.plan,.stat-card,.value-card{
  background:#fff !important;
  border:1px solid var(--border-light) !important;
  border-top:1px solid var(--border-light) !important;
  box-shadow:0 6px 20px rgba(44,62,80,.07) !important;
}
.product-card,.install-cta,.feature-card,.news-card,.article-card{border-left:3px solid var(--primary-orange) !important}
.product-card:hover,.install-cta:hover,.feature-card:hover{border-left-color:var(--odd) !important}
.callout-box,.highlight{border-left:4px solid var(--primary-orange) !important;background:#FDF6EC !important}

/* form fields */
input,textarea,select,.custom-select-trigger,.custom-select-options{
  background:#fff !important;color:var(--head) !important;border-color:var(--border-light) !important;
}
::placeholder{color:#9aa7b1 !important}
/* floating-label forms (e.g. contact): placeholder stays transparent until focus so it
   does not overlap the floating label. Restores behavior our !important above clobbered. */
.form-group input::placeholder,.form-group textarea::placeholder{color:transparent !important}
.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{color:#9aa7b1 !important}
.custom-select-option{color:var(--head)}
.custom-select-option:hover{background:var(--cream-2)}

/* inline code = light chip; dedicated terminals / 
 stay dark */
code{background:var(--cream-2) !important;color:var(--odd) !important;border-color:var(--border-light) !important}
pre,pre code,.terminal,.term,.snippet,.code-block,.cli-window,.cli-demo{
  background:#0a0f16 !important;color:#c9d4de !important;border-color:#24324a !important;
}
pre code{border:none !important}

/* product screenshots: warm frame so they don't blend into cream */
img.screenshot,.screenshot-container img,img[class*="mockup"],.shot img,.frame img{
  border:1px solid var(--border-light) !important;border-radius:12px;box-shadow:0 8px 24px rgba(44,62,80,.10)
}
.hero-watermark{opacity:.05 !important}

/* ===== FOOTER: deep navy anchor (grounds the cream page) ===== */
footer,.footer,footer.footer{background:#16202E !important;border-top:1px solid var(--border-light) !important}
.f-brand p,.f-col a,.footer-links a{color:#9fb0bd !important}
.f-col h4{color:#fff !important}
.f-col a:hover,.footer-links a:hover{color:var(--primary-orange) !important}
.f-bottom,.footer-trademark{border-top:1px solid rgba(255,255,255,.10) !important;color:#7d8b98 !important}

/* mobile nav panel */
@media (max-width:768px){
  .nav-links{background:#fff !important;border-top:1px solid var(--border-light) !important;box-shadow:0 18px 40px rgba(44,62,80,.15) !important}
  .nav-links a.nav-dd-trigger,button.nav-dd-trigger,.nav-links > a{border-bottom:1px solid var(--border-light)}
  .nav-dd-menu a{border-bottom:1px solid var(--border-light)}
}