:root {
  --primitive-cream:#f7f5ef; --primitive-white:#fffefa; --primitive-ink:#23332b; --primitive-green:#254c3c; --primitive-green-dark:#193b2c; --primitive-sage:#e5ebe2; --primitive-muted:#55665b; --primitive-line:#7b8b7d; --primitive-danger:#9f302c; --primitive-yellow:#dcc59b;
  --surface-page:var(--primitive-cream); --surface-panel:var(--primitive-white); --surface-soft:var(--primitive-sage); --text-primary:var(--primitive-ink); --text-muted:var(--primitive-muted); --action-primary:var(--primitive-green); --action-hover:var(--primitive-green-dark); --action-text:var(--primitive-white); --border-control:var(--primitive-line); --feedback-error:var(--primitive-danger); --focus-color:var(--primitive-green); --landscape-sun:var(--primitive-yellow); --landscape-back:#b6c5af; --landscape-front:#718c72; --landscape-roof:#324f3e; --landscape-window:#e7d3ac;
  --button-bg:var(--action-primary); --button-hover:var(--action-hover); --input-bg:var(--surface-panel); --input-text:var(--text-primary); --input-border:var(--border-control);
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem;
  --type-small:.8125rem; --type-caption:.875rem; --type-body:1rem; --type-label:1.0625rem; --type-h2:1.625rem; --type-display:2.625rem; --type-display-wide:3.5rem; --font-body:Arial,Helvetica,sans-serif;
  --radius-small:.625rem; --radius-panel:1.5rem; --radius-pill:99rem; --control-height:3rem; --line-thin:1px; --focus-width:3px; --motion-fast:160ms; --opacity-disabled:.48; --content-width:73rem; --form-width:46rem; --sidebar-width:15rem; --shadow-floating:0 .75rem 2.5rem #17372726; --assistant-size:3.5rem; --assistant-idle:4.5s; --assistant-hover:1.8s;
}
[data-theme="dark"] {--surface-page:#17231d;--surface-panel:#203028;--surface-soft:#2a3e32;--text-primary:#f2f3e9;--text-muted:#bdcabc;--action-primary:#bdd7bd;--action-hover:#d4e7cf;--action-text:#172b1e;--border-control:#7f9380;--feedback-error:#ffaaa2;--focus-color:#bdd7bd;--landscape-back:#56725d;--landscape-front:#35533d;--landscape-roof:#b9cfb3;--landscape-window:#ddc696;}

/* The page grows subtly greener as the questionnaire advances. */
:root{--stage-0:#fbfaf6;--stage-1:#f5f6ee;--stage-2:#edf2e7;--stage-3:#e5eddc;--stage-4:#dce8d1;--motion-stage:320ms;}
[data-theme="dark"]{--stage-0:#17231d;--stage-1:#1b2a21;--stage-2:#203027;--stage-3:#24372b;--stage-4:#293d30;}
[data-stage="0"]{--surface-page:var(--stage-0)}
[data-stage="1"]{--surface-page:var(--stage-1)}
[data-stage="2"]{--surface-page:var(--stage-2)}
[data-stage="3"]{--surface-page:var(--stage-3)}
[data-stage="4"]{--surface-page:var(--stage-4)}