/* Unified site-wide theme — single visual system for every page */
:root{
  --site-dark-bg:#08110D;
  --site-dark-surface:#102A20;
  --site-dark-surface-2:#163A29;
  --site-dark-text:#F5F3EA;
  --site-dark-muted:#B0BDB4;
  --site-dark-line:rgba(225,239,230,.16);
  --site-dark-accent:#E7D3A0;
  --site-dark-accent-2:#D4A437;
  --site-light-bg:#E7D3A0;
  --site-light-surface:#F3EBDD;
  --site-light-surface-2:#FFFDF8;
  --site-light-text:#081F16;
  --site-light-muted:#596D63;
  --site-light-line:rgba(8,31,22,.14);
  --site-light-accent:#135D42;
  --site-light-accent-2:#1F7A5A;
}

html{background:var(--site-light-bg)!important;color-scheme:light}
html:not(.light){background:var(--site-dark-bg)!important;color-scheme:dark}
body,
html body{background:var(--site-light-bg)!important;color:var(--site-light-text)!important}
html:not(.light) body{background:radial-gradient(circle at 50% -12%,#153D2B 0,#0D2B1D 34%,#081F16 72%,#05150D 100%)!important;color:var(--site-dark-text)!important}

/* Core tokens */
:root{--bg:var(--site-light-bg)!important;--text:var(--site-light-text)!important;--muted:var(--site-light-muted)!important;--line:var(--site-light-line)!important;--glass:rgba(255,253,248,.54)!important;--glass2:rgba(255,253,248,.76)!important;--code:rgba(8,31,22,.055)!important}
:root:not(.light){--bg:var(--site-dark-bg)!important;--text:var(--site-dark-text)!important;--muted:var(--site-dark-muted)!important;--line:var(--site-dark-line)!important;--glass:rgba(20,67,45,.40)!important;--glass2:rgba(24,79,51,.56)!important;--code:rgba(0,16,9,.34)!important}

/* Navigation */
.nav.glass,.nav{border-color:var(--line)!important;background:linear-gradient(135deg,rgba(255,253,248,.78),rgba(255,249,235,.50))!important;color:var(--site-light-text)!important}
html:not(.light) .nav.glass,html:not(.light) .nav{background:linear-gradient(135deg,rgba(24,82,52,.58),rgba(7,39,24,.42))!important;color:var(--site-dark-text)!important}
.brand,.menu,.theme-toggle{color:var(--site-light-text)!important}
html:not(.light) .brand,html:not(.light) .menu,html:not(.light) .theme-toggle{color:var(--site-dark-text)!important}
.brand-mark{background:rgba(19,93,66,.10)!important;color:var(--site-light-text)!important}
html:not(.light) .brand-mark{background:rgba(231,211,160,.13)!important;color:var(--site-dark-accent)!important}
.desktop-nav{color:#405D4F!important}
.desktop-nav a{color:inherit!important}
.desktop-nav a:hover{color:var(--site-light-accent)!important}
html:not(.light) .desktop-nav{color:#C7D5CC!important}
html:not(.light) .desktop-nav a:hover{color:var(--site-dark-accent)!important}
.theme-toggle{background:var(--glass2)!important;border:1px solid var(--line)!important}
html:not(.light) .theme-toggle{color:var(--site-dark-accent)!important;border-color:rgba(231,211,160,.30)!important}
.mobile-open{background:rgba(243,235,221,.97)!important;border-color:var(--site-light-line)!important;color:var(--site-light-text)!important}
html:not(.light) .mobile-open{background:rgba(8,31,22,.97)!important;border-color:var(--site-dark-line)!important;color:var(--site-dark-text)!important}

/* Typography */
.eyebrow,.article-meta,.breadcrumbs,.number,.product-num,.footer,.article-footer,.article-nav-link small{color:#537161!important}
html:not(.light) .eyebrow,html:not(.light) .article-meta,html:not(.light) .breadcrumbs,html:not(.light) .number,html:not(.light) .product-num,html:not(.light) .footer,html:not(.light) .article-footer,html:not(.light) .article-nav-link small{color:#D4A437!important}
h1,h2,h3,h4,h5,h6,strong,.article-main strong{color:var(--site-light-text)!important}
html:not(.light) h1,html:not(.light) h2,html:not(.light) h3,html:not(.light) h4,html:not(.light) h5,html:not(.light) h6,html:not(.light) strong,html:not(.light) .article-main strong{color:var(--site-dark-text)!important}
.hero h1,.article-page>h1,.article-hero h1{color:var(--site-light-text)!important}
html:not(.light) .hero h1,html:not(.light) .article-page>h1,html:not(.light) .article-hero h1{color:var(--site-dark-accent)!important}
.hero h1 span,.article-page>h1 span{color:transparent!important;-webkit-text-stroke:1px rgba(19,93,66,.40)!important}
html:not(.light) .hero h1 span,html:not(.light) .article-page>h1 span{color:transparent!important;-webkit-text-stroke:1px rgba(231,211,160,.72)!important}
.hero-copy,.article-lede,.article-main p,.key-takeaway p,.about p,.article p,.wide-card p,.tech-card p{color:var(--site-light-muted)!important}
html:not(.light) .hero-copy,html:not(.light) .article-lede,html:not(.light) .article-main p,html:not(.light) .key-takeaway p,html:not(.light) .about p,html:not(.light) .article p,html:not(.light) .wide-card p,html:not(.light) .tech-card p{color:var(--site-dark-muted)!important}

/* Glass / cards */
.glass{background:linear-gradient(135deg,rgba(255,253,248,.62),rgba(255,249,235,.36))!important;border-color:var(--line)!important;box-shadow:0 18px 50px rgba(35,52,42,.10),inset 0 1px rgba(255,255,255,.88)!important;backdrop-filter:blur(20px) saturate(125%)!important;-webkit-backdrop-filter:blur(20px) saturate(125%)!important}
html:not(.light) .glass{background:linear-gradient(135deg,rgba(35,99,65,.44),rgba(11,50,31,.25))!important;box-shadow:0 24px 65px rgba(0,0,0,.34),inset 0 1px rgba(215,239,224,.10)!important}
.tech-card:hover,.wide-card:hover,.article:hover,.product-tile:hover,.trouble-card:hover{background:var(--glass2)!important}

/* Buttons, links and controls */
.primary{background:var(--site-light-accent)!important;color:#fff!important;border-color:var(--site-light-accent)!important}
html:not(.light) .primary{background:var(--site-dark-accent)!important;color:#10241A!important;border-color:var(--site-dark-accent)!important}
.secondary{background:var(--glass)!important;color:var(--site-light-text)!important;border-color:var(--line)!important}
html:not(.light) .secondary{color:var(--site-dark-text)!important}
a,.link-arrow,.article a{color:var(--site-light-accent-2)!important}
html:not(.light) a,html:not(.light) .link-arrow,html:not(.light) .article a{color:var(--site-dark-accent)!important}
.button:focus-visible,.filter:focus-visible,.theme-toggle:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--site-light-accent-2)!important;outline-offset:3px}
html:not(.light) .button:focus-visible,html:not(.light) .filter:focus-visible,html:not(.light) .theme-toggle:focus-visible,html:not(.light) input:focus-visible,html:not(.light) button:focus-visible{outline-color:var(--site-dark-accent)!important}
.filter,.article-search{background:var(--glass)!important;color:var(--site-light-text)!important;border-color:var(--line)!important}
html:not(.light) .filter,html:not(.light) .article-search{color:var(--site-dark-text)!important}
.filter.active,.filter:hover{background:var(--site-light-accent)!important;color:#fff!important}
html:not(.light) .filter.active,html:not(.light) .filter:hover{background:var(--site-dark-accent)!important;color:#10241A!important}
.article-search::placeholder{color:var(--site-light-muted)!important}
html:not(.light) .article-search::placeholder{color:#8FA097!important}

/* Article / knowledge surfaces */
.article-main pre{background:var(--code)!important;color:#1E4635!important;border-color:var(--line)!important}
html:not(.light) .article-main pre{color:#DDEFE3!important}
.callout,.key-takeaway,.toc,.side-card,.article-footer,.article-nav-link,.step-card,.signal-card,.diagnostic-flow{background:var(--glass)!important;border-color:var(--line)!important;color:var(--site-light-text)!important}
html:not(.light) .callout,html:not(.light) .key-takeaway,html:not(.light) .toc,html:not(.light) .side-card,html:not(.light) .article-footer,html:not(.light) .article-nav-link,html:not(.light) .step-card,html:not(.light) .signal-card,html:not(.light) .diagnostic-flow{color:var(--site-dark-text)!important}
.toc a,.best-list,.tag-list span,.related small{color:var(--site-light-muted)!important}
html:not(.light) .toc a,html:not(.light) .best-list,html:not(.light) .tag-list span,html:not(.light) .related small{color:var(--site-dark-muted)!important}
.toc a:hover{color:var(--site-light-accent)!important}
html:not(.light) .toc a:hover{color:var(--site-dark-accent)!important}
.article-meta-row span,.tag-list span{border-color:var(--line)!important}
.step-card span,.signal-card b{color:var(--site-light-accent-2)!important}
html:not(.light) .step-card span,html:not(.light) .signal-card b{color:var(--site-dark-accent)!important}

/* Footer / progress / selection */
.footer{border-top-color:var(--line)!important}
.reading-progress span{background:var(--site-light-accent-2)!important}
html:not(.light) .reading-progress span{background:var(--site-dark-accent)!important}
::selection{background:rgba(19,93,66,.20)!important;color:var(--site-light-text)!important}
html:not(.light)::selection{background:rgba(231,211,160,.24)!important;color:var(--site-dark-text)!important}

/* Homepage-specific accents */
.trouble-icon{color:var(--site-light-accent-2)!important}
html:not(.light) .trouble-icon{color:var(--site-dark-accent)!important}
.product-tile>span:last-child,.trouble-card>span:last-child{color:var(--site-light-accent-2)!important}
html:not(.light) .product-tile>span:last-child,html:not(.light) .trouble-card>span:last-child{color:var(--site-dark-accent)!important}
.signal-dot,.pulse{color:var(--site-light-accent-2)!important}
html:not(.light) .signal-dot,html:not(.light) .pulse{color:var(--site-dark-accent)!important}

/* Mobile consistency */
@media(max-width:800px){
  .nav{border-radius:20px!important}
  .mobile-open a{color:inherit!important}
  .hero h1,.article-page>h1,.article-hero h1{letter-spacing:-.055em}
}