/* ============================================================
   VERNIAS - Editorial re-theme for the interactive PE demo
   Loaded AFTER style.css + industry.css. Re-skins the token-based
   styling to the editorial palette (warm paper · deep pine · ink)
   without touching the demo's interactive JS / markup.
   ============================================================ */
:root,
body,
body.light-theme {
  --color-bg:#F6F4EF;
  --color-bg-secondary:#FBFAF7;
  --color-bg-tertiary:#EFEBE2;
  --color-bg-card:#FFFFFF;
  --color-bg-card-hover:#FBFAF7;
  --color-bg-elevated:#FFFFFF;
  --color-text:#3B4145;
  --color-text-secondary:#6E767B;
  --color-text-muted:#8A9299;
  --color-text-heading:#16191B;
  --color-accent:#0E5A41;
  --color-accent-hover:#0A4733;
  --color-accent-muted:rgba(14,90,65,0.08);
  --color-accent-glow:rgba(14,90,65,0.18);
  --color-success:#13a172;
  --color-border:rgba(20,24,26,0.10);
  --color-border-light:rgba(20,24,26,0.06);
  --shadow-sm:0 1px 3px rgba(20,24,26,.06);
  --shadow-md:0 4px 16px rgba(20,24,26,.08);
  --shadow-lg:0 8px 32px rgba(20,24,26,.10);
  --shadow-xl:0 16px 56px rgba(20,24,26,.12);
  --shadow-glow:0 0 40px rgba(14,90,65,.10);
  --font-sans:"General Sans",system-ui,-apple-system,sans-serif;
  --font-display:"General Sans",system-ui,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,monospace;
}

body{background:var(--color-bg);color:var(--color-text);}

/* ---- nav chrome ---- */
.navbar{border-bottom-color:var(--color-border);}
.navbar::before{background:rgba(246,244,239,0.82)!important;}
#themeToggle{display:none!important;}

/* ---- editorial signature: highlight word → Instrument Serif italic pine ---- */
.gradient-text{
  background:none!important;
  -webkit-text-fill-color:var(--color-accent)!important;
  color:var(--color-accent)!important;
  font-family:"Instrument Serif",Georgia,serif;
  font-style:italic;font-weight:400;font-size:1.04em;letter-spacing:0;
}

/* ---- section tag → soft pine pill ---- */
.section-tag{border-color:rgba(14,90,65,0.20)!important;border-radius:999px;}

/* ---- buttons ---- */
.btn-primary{background:var(--color-accent);color:#F6F4EF!important;border:1px solid transparent;}
.btn-primary:hover{background:var(--color-accent-hover);color:#F6F4EF!important;}
.btn-ghost{color:var(--color-text-secondary);}
.btn-ghost:hover{color:var(--color-text-heading);background:var(--color-accent-muted);}
.btn-outline{border-color:var(--color-border);color:var(--color-text-heading);background:transparent;}
.btn-outline:hover{border-color:var(--color-text-heading);background:transparent;}

/* ---- tab nav active state on accent ---- */
.tab-btn.active{color:var(--color-text-heading);}
.tab-btn.active .tab-btn-icon{background:var(--color-accent-muted);color:var(--color-accent);}
.tab-btn:hover .tab-btn-icon{color:var(--color-accent);}

/* ---- mock UI window chrome reads as a light product surface ---- */
.mock-ui,.terminal-window{background:var(--color-bg-card);border-color:var(--color-border);}
.mock-header,.terminal-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border);}

/* ---- hero stat divider hairlines ---- */
.industry-hero-stats{background:var(--color-bg-card);}
.istat{border-right-color:var(--color-border);}