/* Accessible appearance system for TaskerArmy marketing.
   Brand, status, focus and product-interface colors are intentionally separate.
   Dark remains available, while light is a first-class reading experience. */

:root{
  color-scheme:dark;
  --brand:#E88A6B;
  --brand-hover:#F0A087;
  --brand-contrast:#111417;
  --info:#8FB0E8;
  --success:#65C8A7;
  --warning:#E8A66A;
  --danger:#F08A92;
  --focus:#8FB0E8;
  --bg:#111417;
  --surface:#171B20;
  --surface2:#1E242B;
  --surface3:#252C34;
  --panel:var(--surface);
  --panel-2:var(--surface2);
  --line:#39424C;
  --line2:#4B5662;
  --text:#F7F4EE;
  --muted:#B9C0C8;
  --muted2:#98A2AE;
  --accent:var(--brand);
  --accent-soft:color-mix(in srgb,var(--brand) 14%,transparent);
  --green:var(--brand);
  --green2:var(--brand-hover);
  --blue:var(--info);
  --amber:var(--warning);
  --red:var(--danger);
  --shadow:0 24px 70px rgba(0,0,0,.28);
  --product-bg:#0F141A;
  --product-surface:#151C24;
  --product-surface2:#1B2530;
  --product-line:#3A4653;
  --product-text:#F7F4EE;
  --product-muted:#B8C2CC;
  --product-brand:#E88A6B;
  --product-success:#65C8A7;
}

html[data-theme="light"]{
  color-scheme:light;
  --brand:#B9472E;
  --brand-hover:#9D3925;
  --brand-contrast:#FFFFFF;
  --info:#355C9A;
  --success:#1F6B5C;
  --warning:#9A5A00;
  --danger:#A33A47;
  --focus:#355C9A;
  --bg:#FAF8F4;
  --surface:#FFFFFF;
  --surface2:#F2EFE9;
  --surface3:#E9E4DC;
  --panel:var(--surface);
  --panel-2:var(--surface2);
  --line:#D7D2C8;
  --line2:#BEB7AC;
  --text:#172033;
  --muted:#58616F;
  --muted2:#697481;
  --accent:var(--brand);
  --accent-soft:color-mix(in srgb,var(--brand) 10%,transparent);
  --green:var(--brand);
  --green2:var(--brand-hover);
  --blue:var(--info);
  --amber:var(--warning);
  --red:var(--danger);
  --shadow:0 24px 60px rgba(57,48,40,.10);
}

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

/* Focus is informational blue, never confused with success or brand state. */
.button:focus-visible,a:focus-visible,summary:focus-visible,.theme-option:focus-visible{outline:3px solid var(--focus);outline-offset:3px}

.site-header{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom-color:var(--line)}
.nav-links{color:var(--muted)}
.nav-group[open]>summary,.nav-group>summary:hover,.nav-direct:hover{color:var(--text)}
.nav-menu{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.nav-menu a{color:var(--muted)}
.nav-menu a:hover,.nav-menu a:focus-visible{background:var(--surface2);color:var(--text)}
.menu-button{border-color:var(--line);color:var(--text)}

.mark{background:linear-gradient(145deg,var(--surface2),var(--surface));border-color:var(--line2);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 8%,transparent)}
.mark:before{border-color:var(--brand);border-left-color:transparent}
.mark:after{background:var(--brand)}

.button{background:var(--surface);border-color:var(--line2);color:var(--text)}
.button:hover{border-color:var(--info)}
.button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast);box-shadow:0 8px 28px color-mix(in srgb,var(--brand) 18%,transparent)}
.button.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}
.button.ghost{background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--text)}

.hero:before{background:radial-gradient(circle at 70% 26%,color-mix(in srgb,var(--brand) 12%,transparent),transparent 31%),radial-gradient(circle at 42% 8%,color-mix(in srgb,var(--info) 9%,transparent),transparent 26%)}
.gridbg{background-image:linear-gradient(color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 5%,transparent) 1px,transparent 1px)}
.hero-grid h1{-webkit-text-fill-color:currentColor;background:none;background-clip:border-box;-webkit-background-clip:border-box;color:var(--text)}
h1,h2,h3,h4{color:var(--text)}
.lead,.content-section p,.content-section li,.experience-block p,.experience-block li{color:var(--muted)}
.eyebrow{background:color-mix(in srgb,var(--surface) 88%,transparent);border-color:var(--line);color:var(--muted)}
.dot{background:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.kicker,.request small,.card-label{color:var(--brand)}
.fine{color:var(--muted2)}

.press-strip,.section.alt{background:var(--surface2);border-color:var(--line)}
.press-label,.press-logos a{color:var(--muted)}
.press-logos a:hover{color:var(--text)}
.answer-box{border-left-color:var(--brand);background:linear-gradient(90deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),var(--surface))}
.answer-box span{color:var(--brand)}
.answer-box p{color:var(--text)}
.content-section{border-bottom-color:var(--line)}

.table-scroll{background:var(--surface);border-color:var(--line)}
thead th{background:var(--surface2);color:var(--muted)}
th,td{border-color:var(--line)}
tbody th{color:var(--text)}
tbody td{color:var(--muted)}

.related a,.faq details,.price-card,.notice,.author-card,.leadership-card,.timeline-step,.matrix-row:not(.header),.metric-card,.scenario-card,.check-row,.arch-layer,.trust-grid a,.source-list a,.pricing-preview a{background:var(--surface);border-color:var(--line);color:var(--muted)}
.related b,.faq summary,.price-card h2,.pricing-preview h2,.pricing-preview h3,.pricing-preview strong,.pricing-preview .price,.author-card h2,.leadership-card h2,.timeline-step strong,.scenario-card strong,.arch-layer b,.metric-card b,.trust-grid b,.trust-grid strong,.source-list b{color:var(--text)}
.related span,.faq p,.price-card p,.price-card li,.pricing-preview p,.pricing-preview li,.pricing-preview span:not(.card-label),.author-card p,.author-card li,.leadership-card p,.leadership-card li,.notice{color:var(--muted)}
.price-card.featured{border-color:var(--brand);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent),var(--shadow)}
.price-card .card-label,.pricing-preview .card-label{color:var(--brand)}
.author-monogram{background:var(--surface2);border-color:var(--line2);color:var(--brand)}
.matrix-ui,.timeline-track{border-color:var(--line);background:var(--line)}
.matrix-row{border-color:var(--line)}
.matrix-row>*{border-color:var(--line)}
.matrix-row.header{background:var(--surface3);color:var(--text)}

.cta-panel{background:radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--brand) 11%,transparent),transparent 30%),var(--surface);border-color:var(--line2)}
.cta-panel h2{color:var(--text)}
.cta-panel p{color:var(--muted)}

.footer{background:color-mix(in srgb,var(--bg) 92%,#000);border-color:var(--line)}
.footer h2{color:var(--muted)}
.footer-links,.footer-copy,.founder-link{color:var(--muted)}
.footer a:hover{color:var(--text)}
.funding-strip{border-color:var(--line)}
.legal-mini,.copyright{color:var(--muted2)}
.consent-banner{background:var(--surface);border-color:var(--line2);box-shadow:var(--shadow);color:var(--text)}

/* Product previews intentionally stay dark in both appearances, with their own tokens. */
.product-window,.story-visual,.terminal-ui,.merchant-demo{background:var(--product-bg);border-color:var(--product-line);color:var(--product-text)}
.product-window .window-top,.merchant-demo .window-top{border-color:var(--product-line);color:var(--product-muted)}
.product-window .request,.merchant-demo .request{background:var(--product-surface);border-color:var(--product-line)}
.product-window .request p,.merchant-demo .request p{color:var(--product-text)}
.product-window .request small,.merchant-demo .request small{color:var(--product-muted)}
.product-window .stage,.merchant-demo .stage{background:var(--product-surface);border-color:var(--product-line)}
.product-window .stage-icon,.merchant-demo .stage-icon{background:var(--product-surface2);color:var(--product-brand)}
.product-window .stage strong,.merchant-demo .stage strong{color:var(--product-text)}
.product-window .stage span:not(.status),.merchant-demo .stage span:not(.status){color:var(--product-muted)}
.product-window .status,.merchant-demo .status{border-color:color-mix(in srgb,var(--product-success) 40%,transparent);background:color-mix(in srgb,var(--product-success) 12%,transparent);color:var(--product-success)!important}
.product-window .approval,.merchant-demo .approval{background:var(--product-surface);border-color:var(--product-line)}
.product-window .approval b,.merchant-demo .approval b{color:var(--product-text)}
.product-window .approval span,.merchant-demo .approval span{color:var(--product-muted)}
.product-window .pill,.merchant-demo .pill{border-color:var(--product-line);color:var(--product-muted)}

/* Theme control */
.founder-link{display:none!important}
.theme-switcher{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);font-size:11px}
.theme-switcher-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.theme-option{min-width:44px;min-height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;line-height:1;cursor:pointer}
.theme-option:hover{color:var(--text)}
.theme-option[aria-pressed="true"]{background:var(--surface3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)}
.footer-appearance{display:flex;align-items:center;gap:10px}

@media(prefers-contrast:more){
  :root{--line:#66717D;--line2:#84909C;--muted:#D0D5DA;--muted2:#BCC4CB}
  html[data-theme="light"]{--line:#9F978C;--line2:#756D63;--muted:#414955;--muted2:#4F5965}
  .button:focus-visible,a:focus-visible,summary:focus-visible,.theme-option:focus-visible{outline-width:4px}
  .button,.nav-menu,.related a,.faq details,.price-card,.notice,.author-card,.cta-panel,.merchant-demo{border-width:2px}
}

@media(forced-colors:active){
  .button,.nav-menu,.mark,.eyebrow,.product-window,.merchant-demo,.request-card,.merchant-step,.merchant-human{forced-color-adjust:auto}
  .dot{box-shadow:none}
}

@media(max-width:680px){.footer-appearance{width:100%;justify-content:flex-start;margin-top:6px}.theme-option{min-height:36px}}