/*
 * ANRAN DHT approved site theme — cyan green / 2026-09-01
 * Applies the selected homepage palette across all three languages and tools.
 * Technical series colours remain controlled by their page datasets.
 */

:root{
  --bg:#dceae4;
  --bg2:#cfe3db;
  --bg3:#bdd8ce;
  --bg4:#a9ccbf;
  --accent:#0b765f;
  --accent-l:#09886c;
  --accent-d:rgba(16,208,144,.12);
  --accent-g:rgba(16,208,144,.22);
  --t:#0f2a22;
  --t2:#20463a;
  --t3:#3e6256;
  --t4:#58796e;
  --bd:#abc8bd;
  --bd2:#8fb4a6;
  --bd3:#769e90;
  --gold:#0b765f;
  --ink:#0d2b23;
  --paper:#eef4f1;
  --signal:#10d090;
  --signal-hover:#38dfa9;
  --glass:rgba(238,244,241,.92);
  --panel-bg:rgba(238,244,241,.9);
  --panel-border:rgba(16,208,144,.25);
  --cyan:#10d090;
  --accent-bronze:#0b765f;
  --glow-green:rgba(16,208,144,.25);
  --glow-cyan:rgba(16,208,144,.2);
  --dht-dark:#174f40;
  --dht-dark-2:#1f5c49;
  --dht-mid:#31705d;
  --dht-card-dark:#24624f;
  --dht-footer:#174536;
  --metal:linear-gradient(135deg,#0a654f 0%,#10d090 28%,#0b8065 52%,#38dfa9 76%,#0a654f 100%);
  --metal-light:linear-gradient(135deg,#0b8065 0%,#38dfa9 50%,#0b8065 100%);
  --metal-strong:linear-gradient(135deg,#075440 0%,#0b8065 34%,#10a77e 52%,#0b8065 72%,#075440 100%);
  --shadow-sm:0 1px 3px rgba(9,53,41,.07),0 1px 2px rgba(9,53,41,.04);
  --shadow-md:0 7px 20px rgba(9,53,41,.1),0 2px 6px rgba(9,53,41,.05);
  --shadow-lg:0 18px 46px rgba(9,53,41,.13),0 5px 12px rgba(9,53,41,.06);
  --shadow-hover:0 20px 50px rgba(9,92,72,.16),0 5px 14px rgba(9,53,41,.07);
}

html{background:var(--bg)}
body{background:var(--bg);color:var(--t)}
::selection{background:rgba(16,208,144,.32);color:#08251b}

/* Shared navigation and actions */
.nav{background:rgba(238,244,241,.94);border-bottom-color:var(--bd);box-shadow:0 5px 22px rgba(9,53,41,.07)}
.nav.nav-scrolled{background:rgba(238,244,241,.985);box-shadow:0 9px 30px rgba(9,53,41,.1)}
.nav-links a.nav-cta,
.dht-btn-primary{border-color:var(--signal);background:var(--signal);color:#08251b}
.nav-links a.nav-cta:hover,
.dht-btn-primary:hover{border-color:var(--signal-hover);background:var(--signal-hover);color:#08251b}
.btn-accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}
.btn-accent:hover{background:var(--accent-l);box-shadow:var(--shadow-md)}
.nav-right{background:rgba(238,244,241,.99)}

/* Existing full-image and upgraded heroes */
.hero-overlay{background:linear-gradient(180deg,rgba(10,45,34,.34) 0%,rgba(10,45,34,.55) 44%,rgba(10,45,34,.92) 100%)}
.dht-hero{background:var(--dht-dark)}
.dht-hero-media{opacity:.72;filter:saturate(.68) contrast(1.12) brightness(.82)}
.dht-hero::before{background:linear-gradient(90deg,rgba(10,45,34,.96) 0%,rgba(10,45,34,.86) 48%,rgba(10,45,34,.24) 100%),linear-gradient(0deg,rgba(10,45,34,.93),transparent 52%)}
.dht-hero::after{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}
.dht-kicker,.dht-page-hero .dht-kicker{color:#d8ebe3}
.dht-kicker::before{background:var(--signal)}
.dht-btn-secondary{border-color:rgba(255,255,255,.3);background:rgba(8,37,27,.28);color:#fff}
.dht-btn-secondary:hover{border-color:#fff;background:rgba(255,255,255,.12);color:#fff}
.dht-hero-strip{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.18)}
.dht-hero-strip>div{background:rgba(23,79,64,.72)}

/* Inner-page hierarchy */
.dht-page-hero{background:var(--dht-dark)}
.dht-page-hero::before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)}
.dht-breadcrumb span[aria-hidden="true"]{color:var(--signal)}
.dht-section-wide{background:var(--paper);border-color:var(--bd)}
.dht-product-card,
.dht-proof-panel,
.dht-proof-copy,
.dht-catalog-card,
.dht-contact-panel,
.dht-rfq,
.dht-faq-compact details,
.dht-trust-card,
.dht-input,
.dht-input-card{background:#f7faf8;border-color:var(--bd)}
.dht-catalog-card.dht-catalog-contact{background:#d2e3dc}
.dht-chip,.dht-contact-link,.dht-field input,.dht-field select,.dht-field textarea{background:var(--paper)}
.dht-step{background:rgba(238,244,241,.55)}
.dht-proof-image,.dht-proof-media{background:var(--dht-dark)}
.dht-proof-image figcaption{border-left-color:var(--signal);background:rgba(10,45,34,.88)}

/* Dark evidence, video and conversion surfaces */
.dht-video-section{background:var(--dht-dark);border-color:rgba(255,255,255,.1)}
.dht-video-section .dht-eyebrow,
.dht-video-note::before{color:var(--signal);border-color:rgba(16,208,144,.6)}
.dht-video-card{background:var(--dht-card-dark);border-color:rgba(255,255,255,.15);box-shadow:0 24px 64px rgba(6,38,29,.28)}
.dht-cta{background:var(--dht-dark-2)}
.dht-cta::after{border-color:rgba(255,255,255,.14)}
.dht-tech-note,.dht-boundary-note{border-left-color:var(--signal);background:#e3f3ed;color:#28584a}
.dht-tech-note strong,.dht-boundary-note strong{color:var(--ink)}

/* Measured-data modules: theme changes only, data-series colours are untouched */
.dht-hcci-data-section{background:#e5efea}
.dht-hcci-ratio,.dht-hcci-finding{background:var(--dht-dark-2)}
.dht-hcci-ratio-kicker,.dht-hcci-ratio-plus,.dht-hcci-finding span{color:var(--signal)}
.dht-hcci-provenance{border-color:#b7d4ca;background:#eef7f3}
.dht-hcci-provenance-mark{background:#bcebdc;color:#174f40}
.dht-hcci-provenance p{color:#42665a}
.dht-hcci-axis-key i.dht-hcci-axis-key--rate,
.dht-hcci-axis--top{border-color:var(--accent);stroke:var(--accent)}
.dht-hcci-axis-label--top,.dht-hcci-chart-gridlines .dht-hcci-tick--top{fill:var(--accent)}
.dht-hcci-tooltip{background:rgba(10,45,34,.96);box-shadow:0 12px 30px rgba(6,38,29,.25)}
.dht-hcci-chart-controls .dht-hcci-series-button,
.dht-hcci-table thead th,
.dht-hcci-table thead th:first-child{background:var(--paper)}

/* Legacy calculators and data-tool landing page */
.dt-hero{background:linear-gradient(135deg,#174f40 0%,#1f5c49 56%,#123f33 100%)}
.dt-hero .dt-tag{background:rgba(16,208,144,.14);color:var(--signal)}
.dt-hero p{color:rgba(255,255,255,.7)}
.dt-flow-step{background:rgba(16,208,144,.08);border-color:rgba(16,208,144,.24)}
.dt-flow-step:hover{background:rgba(16,208,144,.16)}
.dt-flow-step .step-num{background:var(--signal);color:#08251b}
.dt-card,
.dt-card.ic-di,
.dt-card.ic-hv,
.dt-card.ic-mw,
.dt-card.ic-hp,
.dt-card.ic-ms,
.dt-card.ic-ce{background:#d2e3dc;border-color:var(--bd)}
.dt-card:nth-child(even){background:#c8ded5}
.dt-card h3{color:var(--ink)}
.dt-card .dt-card-desc{color:var(--t3)}
.dt-card .dt-card-link{color:var(--accent)}
.dt-card:hover{border-color:var(--signal);box-shadow:0 10px 30px rgba(9,92,72,.14)}
.dt-card .dt-card-icon,
.dt-card.ic-di .dt-card-icon,
.dt-card.ic-hv .dt-card-icon,
.dt-card.ic-mw .dt-card-icon,
.dt-card.ic-hp .dt-card-icon,
.dt-card.ic-ms .dt-card-icon,
.dt-card.ic-ce .dt-card-icon{background:rgba(16,208,144,.16);color:var(--accent)}
.rigor-model-label{background:rgba(16,208,144,.1);border-color:rgba(16,208,144,.28);color:var(--accent)}

/* Footer */
.footer{background:var(--dht-footer);border-top-color:rgba(255,255,255,.12);color:rgba(255,255,255,.74)}
.footer::before{background:var(--signal)}
.footer-brand{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;color:#fff}
.footer-contact p,.footer-contact a,.footer-col a{color:rgba(255,255,255,.66)}
.footer-contact strong,.footer-col h3{color:var(--signal)}
.footer-contact a:hover,.footer-col a:hover{color:var(--signal-hover)}
.footer-bottom{border-top-color:rgba(255,255,255,.12)}
.footer-copy{color:rgba(255,255,255,.48)}

@media(max-width:820px){
  .nav-right{background:rgba(238,244,241,.99)}
  .dht-hero{background:var(--dht-dark)}
  .dht-hero::before{background:linear-gradient(0deg,rgba(10,45,34,.96),rgba(10,45,34,.62))}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}