:root { --bg:#f2f0e9; --surface:#faf9f5; --text:#18201d; --muted:#646b66; --line:#d6d6cf; --accent:#2d6a55; --node-bg:#faf9f5; --selected-bg:#18201d; --selected-text:#fff; color:var(--text); background:var(--bg); }
body { background:var(--bg); color:var(--text); }
.chrome { background:color-mix(in srgb,var(--bg) 92%,transparent); border-bottom:1px solid var(--line); }
.identity > b { background:var(--text); color:var(--bg); border-radius:9px 3px; }
.identity small,.hero > p { color:var(--muted); }
.chrome nav a { color:var(--muted); }
.chrome nav a.active { color:var(--accent); border-bottom:2px solid var(--accent); padding-bottom:.5rem; }
.hero h1 em { color:var(--accent); }
.hero-actions a,.hero-actions button { border:1px solid var(--text); background:transparent; color:var(--text); border-radius:5px; }
.hero-actions .primary-action,.hero-actions button.selected { background:var(--text); color:#fff; }
.metrics { color:#fff; background:var(--text); border-radius:12px; overflow:hidden; box-shadow:0 18px 45px rgba(24,32,29,.12); }
.metrics article { border-right:1px solid rgba(255,255,255,.13); }
.metrics span,.metrics small { color:rgba(255,255,255,.6); }
.metrics .metric-alert { background:var(--accent); }
.module { background:var(--surface); border-radius:11px; }
.module-heading span { color:var(--accent); }
.module-heading > b,.module-heading > a { color:var(--accent); }
.workflow .complete > b { background:var(--accent); border-color:var(--accent); color:#fff; }
.workflow .current > b { border:2px solid var(--accent); color:var(--accent); }
.ontology-stage { background:#ebeae4; }
.ontology-stage aside { background:var(--surface); }
.bottom-grid .module { margin-top:1.5rem; }
.compute-chain > div { background:var(--bg); border-top:2px solid var(--accent); }
.page-footer { border-top:1px solid var(--line); color:var(--muted); }
@media (max-width:620px){.metrics article{border-bottom:1px solid rgba(255,255,255,.13)}}