/* ============================================================
 * v2.3 — Kill teal, gold-only accent, preview-style topbar,
 * EN footer UX, Light/Dark theme via [data-theme]
 * ============================================================ */

:root, [data-theme="light"]{
  --hsn-bg:#F5F0E8;
  --hsn-surface:#ffffff;
  --hsn-surface-soft:#fbf7ee;
  --hsn-border:#ebe5d8;
  --hsn-text:#1a2540;
  --hsn-text-soft:#3d4866;
  --hsn-muted:#5b6478;
  --hsn-accent:var(--hsn-gold);
}
[data-theme="dark"]{
  --hsn-bg:#0a1024;
  --hsn-surface:#0f1830;
  --hsn-surface-soft:#131e3a;
  --hsn-border:#1f2a4a;
  --hsn-text:#e8ecf5;
  --hsn-text-soft:#a8b3d1;
  --hsn-muted:#7682a8;
  --hsn-accent:var(--hsn-gold);
}

body{
  background:var(--hsn-bg) !important;
  color:var(--hsn-text);
  transition:background .3s,color .3s;
}

/* ---- TOPBAR (preview style) ---- */
.hsn-topbar{
  background:#070d1f !important;
  color:#9fb0d8 !important;
  font-size:.78rem !important;
  letter-spacing:.3px;
  padding:.55rem 0 !important;
  border-bottom:1px solid rgba(201,169,97,.12);
}
.hsn-topbar .container{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:1rem;flex-wrap:wrap}
.hsn-topbar__locs{display:flex;gap:1.4rem;flex-wrap:wrap}
.hsn-topbar__locs span{color:#9fb0d8}
.hsn-topbar__locs strong{color:var(--hsn-gold);font-weight:700}
.hsn-topbar__tools{display:flex;gap:.85rem;align-items:center}
.hsn-lang-group{display:flex;gap:.3rem}
.hsn-lang-group a.hsn-lang{
  padding:.25rem .65rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  font-weight:600;
  color:#9fb0d8;
  font-size:.7rem;
  letter-spacing:1px;
  text-decoration:none;
  transition:all .2s;
}
.hsn-lang-group a.hsn-lang:hover{border-color:var(--hsn-gold);color:var(--hsn-gold)}
.hsn-lang-group a.hsn-lang.on{background:var(--hsn-gold);color:#0B1B3A;border-color:var(--hsn-gold)}
.hsn-theme-toggle{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  color:#9fb0d8;
  width:30px;height:26px;
  border-radius:5px;
  cursor:pointer;
  display:grid;place-items:center;
  transition:all .2s;
  padding:0;
}
.hsn-theme-toggle:hover{background:rgba(201,169,97,.15);color:var(--hsn-gold);border-color:var(--hsn-gold)}
[data-theme="light"] .hsn-theme-toggle__sun{display:none}
[data-theme="dark"] .hsn-theme-toggle__moon{display:none}

/* ---- HEADER (no Contact button — only MY HSN) ---- */
.hsn-navbar{background:rgba(7,13,31,.85) !important}
[data-theme="dark"] .hsn-navbar{background:rgba(4,8,26,.92) !important}
.hsn-navbar .hsn-logo img{height:46px}
.hsn-navbar .hsn-logo__name{display:none !important}
.hsn-navbar .hsn-nav{display:flex;gap:1.8rem}
.hsn-navbar .hsn-nav a{
  color:#dbe2f0 !important;
  font-size:.85rem;
  font-weight:500;
  letter-spacing:.3px;
  transition:color .2s;
  position:relative;
  padding:.3rem 0;
}
.hsn-navbar .hsn-nav a:hover,.hsn-navbar .hsn-nav a.active{color:var(--hsn-gold) !important}
.hsn-navbar .hsn-nav a.active::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--hsn-gold);
}
.hsn-header-actions{display:flex;gap:.5rem;align-items:center}

/* ---- Body sections in dark theme ---- */
[data-theme="dark"] .hsn-section{background:var(--hsn-bg)}
[data-theme="dark"] .hsn-story,
[data-theme="dark"] .hsn-section{color:var(--hsn-text)}
[data-theme="dark"] .hsn-section-title{color:var(--hsn-text) !important}
[data-theme="dark"] .hsn-section-copy{color:var(--hsn-text-soft) !important}
[data-theme="dark"] .hsn-story__panel{background:linear-gradient(165deg,#102451 0%,#070d1f 100%)}
[data-theme="dark"] .hsn-card,
[data-theme="dark"] .hsn-proof__box,
[data-theme="dark"] .hsn-proof__logos,
[data-theme="dark"] .hsn-logo-chip{background:var(--hsn-surface);color:var(--hsn-text);border-color:var(--hsn-border)}
[data-theme="dark"] .hsn-stats{background:var(--hsn-surface);border-color:var(--hsn-border)}
[data-theme="dark"] .hsn-stat{border-color:var(--hsn-border)}
[data-theme="dark"] .hsn-stat__num{color:var(--hsn-text)}
[data-theme="dark"] .hsn-stat__lbl{color:var(--hsn-muted)}

/* ---- KILL all teal references ---- */
[style*="#14c2a3"],[style*="#9fd8ff"]{color:var(--hsn-gold) !important}
.hsn-section-label[style*="#9fd8ff"]{color:var(--hsn-gold) !important}
.hsn-metrics{background:linear-gradient(135deg,var(--hsn-secondary) 0%,var(--hsn-navy-deepest) 100%) !important}
.hsn-redees{background:linear-gradient(135deg,var(--hsn-secondary) 0%,var(--hsn-navy-deepest) 100%) !important}
.hsn-redees .hsn-section-label{color:var(--hsn-gold) !important}
.hsn-metrics .hsn-section-label{color:var(--hsn-gold) !important}
.hsn-metric strong{color:var(--hsn-gold) !important}
.hsn-btn-light{background:var(--hsn-gold) !important;color:#0B1B3A !important;font-weight:700;border:none}
.hsn-btn-light:hover{background:var(--hsn-gold-soft) !important;color:#0B1B3A !important}
.hsn-btn-outline{border-color:var(--hsn-gold) !important;color:var(--hsn-gold) !important}
.hsn-btn-outline:hover{background:var(--hsn-gold) !important;color:#0B1B3A !important}
.hsn-btn-primary{background:var(--hsn-gold) !important;color:#0B1B3A !important;border:none}
.hsn-btn-primary:hover{background:var(--hsn-gold-soft) !important;color:#0B1B3A !important}
.hsn-hero__support span::before{color:var(--hsn-gold) !important}

/* ---- Footer refined UX ---- */
.hsn-footer{
  background:#070d1f !important;
  color:#9fb0d8 !important;
  padding:5rem 0 1.75rem !important;
  position:relative;
}
.hsn-footer--bg{
  background:#070d1f var(--hsn-footer-bg) center/cover no-repeat !important;
}
.hsn-footer--bg::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,13,31,.82) 0%,rgba(7,13,31,.94) 100%) !important;
  pointer-events:none;
}
.hsn-footer > .container{position:relative;z-index:2}
.hsn-footer__grid{
  display:grid !important;
  grid-template-columns:1.5fr 1fr 1fr 1.2fr !important;
  gap:3rem !important;
  margin-bottom:3rem !important;
}
.hsn-footer__brand{display:flex;flex-direction:column;gap:1rem}
.hsn-footer__logo{height:48px;width:auto;display:block}
.hsn-footer__tag{color:#9fb0d8;font-size:.85rem;line-height:1.65;max-width:280px;margin:0}
.hsn-footer__col h5{
  color:var(--hsn-gold) !important;
  font-size:.72rem !important;
  letter-spacing:2.5px;
  text-transform:uppercase;
  margin-bottom:1.1rem;
  font-weight:700;
  font-family:var(--hsn-body);
}
.hsn-footer__links{display:flex;flex-direction:column;gap:.55rem}
.hsn-footer__links a{
  color:#cbd5e1 !important;
  text-decoration:none;
  font-size:.85rem;
  transition:color .2s;
}
.hsn-footer__links a:hover{color:var(--hsn-gold) !important}
.hsn-footer__locs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.hsn-footer__loc{font-size:.75rem;color:#9fb0d8;line-height:1.45}
.hsn-footer__loc strong{display:block;color:#fff;font-size:.8rem;margin-bottom:.2rem;font-weight:600}
.hsn-footer__copy{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:1.5rem;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.75rem;
  font-size:.75rem;
  color:#64748b;
}
.hsn-footer__copy span:last-child{color:var(--hsn-gold)}
@media(max-width:880px){.hsn-footer__grid{grid-template-columns:1fr 1fr !important}}
@media(max-width:560px){.hsn-footer__grid{grid-template-columns:1fr !important}}

@media(max-width:980px){.hsn-navbar .hsn-nav{display:none}}