/* Approved AgentWorks palette: ink purple, lavender and pale lavender white. */
:root {
  color-scheme: dark;
  --ink: #e1e1f5;
  --muted: #b4afca;
  --subtle: #aaa4c2;
  --paper: #10101c;
  --bg: #10101c;
  --panel: #191827;
  --raised: #201e32;
  --nav: #0f0f1a;
  --line: #35314b;
  --border-strong: #74698f;
  --accent: #a48fff;
  --accent-hover: #b9a8ff;
  --accent-soft: #c9bdff;
  --accent-bg: #2a2443;
  --on-accent: #141020;
  --success: #aad6cb;
  --success-bg: #1c3331;
  --warning: #e9c78d;
  --warning-bg: #362c22;
  --danger: #f2b0bd;
  --danger-bg: #3a2532;
}
::selection { background: var(--accent); color: var(--on-accent); }
input::placeholder, textarea::placeholder { color: var(--subtle); opacity: 1; }
input, select, textarea { border-color: var(--border-strong); }
input[type=number] { accent-color: var(--accent); }
.mark, .brand-mark, .site-footer .mark {
  display: block;
  flex: none;
  width: 42px;
  height: 26px;
  border-radius: 0;
  background: transparent url('./brand/agentworks-mark.svg') center / contain no-repeat;
}
.wordmark { color: var(--ink); font-weight: 700; }
.brand-lockup { display: block; width: 230px; height: auto; }
.site-footer .brand-lockup { width: 200px; }
.brand img { display: block; width: 100%; max-width: 184px; height: auto; }
.sidebar .nav-label { margin-top: 40px; }
.byline { left: 52px; top: 33px; color: var(--subtle); }
.site-footer .mark { width: 35px; height: 23px; }
.brand { gap: 8px; font-size: 20px; font-weight: 700; white-space: nowrap; }
.brand-mark { width: 36px; height: 24px; }
.parent-brand { margin-left: 44px; letter-spacing: 1.1px; }
.btn.primary, .btn.light { color: var(--on-accent); }
.btn.primary:hover, .btn.light:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.hero h1 em { color: var(--accent-soft); }
.hero {
  background: radial-gradient(ellipse at 5% 10%, #a48fff12, transparent 58%);
}
.product-preview { box-shadow: 0 20px 70px #00000033; }
.accountability { background: var(--nav); border-block: 1px solid var(--line); }
.pilot-section { background: var(--raised); }
.sidebar { border-right: 1px solid var(--line); }
.feature, .roi-result { background: linear-gradient(120deg, var(--accent-bg), var(--raised)); }
.roi-result { border: 1px solid var(--border-strong); }
.callout.warning { color: var(--warning); }
dialog { background: var(--panel); }
.skip { color: var(--ink); background: var(--raised); }
#home-status, .toast { background: var(--raised); color: var(--ink); border: 1px solid var(--accent); }
@media(max-width:650px) {
  .brand-lockup { width: 185px; }
  .mark { width: 34px; height: 24px; }
  .byline { left: 42px; top: 30px; font-size: 6px; }
}
@media(max-width:400px) {
  .site-header .brand-lockup { width: 148px; }
  .site-header { padding-inline: 16px; gap: 8px; }
}
@media(forced-colors:active) {
  .mark, .brand-mark { forced-color-adjust: none; }
  .btn, .nav-item[aria-current=page] { border: 1px solid ButtonText; }
}