/* Semantic theme aliases. Dark is the console default; light is the Tradatomy-product parity theme. */
:root,html[data-theme="dark"]{
--surface-page:var(--wd-black-900);--surface-card:var(--wd-black-800);--surface-sunken:var(--wd-black-700);--surface-hover:var(--wd-black-600);
--border-default:var(--wd-hair-800);--border-soft:var(--wd-hair-900);
--text-heading:var(--wd-mist-100);--text-body:var(--wd-mist-300);--text-dim:var(--wd-mist-500);
--accent:var(--wd-blue-500);--accent-soft:color-mix(in srgb,var(--accent) 12%,transparent);--accent-contrast:#08222F;
--state-good:var(--wd-green-400);--state-warn:#E0C024;--state-bad:var(--wd-red-400);--state-gold:var(--wd-gold-300);
--state-ochre:var(--wd-ochre-300);--state-teal:var(--wd-teal-300);--state-idle:var(--wd-mist-500);
--shadow-card:0 1px 4px rgba(0,0,0,.4);--shadow-float:0 8px 30px rgba(0,0,0,.45);--shadow-drawer:-12px 0 40px rgba(0,0,0,.35);
}
/* Compat layer: the `--wd-*` semantic names used by the console UI kit JSX and by warden-app.css.
   These are aliases, not a second source of truth — always author new work against the names above. */
:root,html[data-theme="dark"],html[data-theme="light"]{
--wd-surface:var(--surface-page);--wd-surface-2:var(--surface-card);--wd-surface-3:var(--surface-sunken);--wd-hover:var(--surface-hover);
--wd-border:var(--border-default);--wd-border-soft:var(--border-soft);
--wd-text:var(--text-heading);--wd-body:var(--text-body);--wd-dim:var(--text-dim);
--wd-accent:var(--accent);--wd-accent-soft:var(--accent-soft);--wd-accent-contrast:var(--accent-contrast);--wd-run:var(--accent);
--wd-good:var(--state-good);--wd-warn:var(--state-warn);--wd-bad:var(--state-bad);--wd-gold:var(--state-gold);
--wd-ochre:var(--state-ochre);--wd-teal:var(--state-teal);--wd-idle:var(--state-idle);
--wd-navy:var(--wd-navy-700);
}
html[data-theme="light"]{
--surface-page:var(--wd-paper-000);--surface-card:var(--wd-white);--surface-sunken:var(--wd-paper-050);--surface-hover:#F3F6F9;
--border-default:var(--wd-line-100);--border-soft:var(--wd-line-050);
--text-heading:var(--wd-ink-900);--text-body:var(--wd-slate-600);--text-dim:var(--wd-slate-500);
--accent:var(--wd-blue-500);--accent-soft:color-mix(in srgb,var(--accent) 8%,#fff);--accent-contrast:#FFFFFF;
--state-good:var(--wd-green-500);--state-warn:var(--wd-gold-500);--state-bad:var(--wd-red-500);--state-gold:var(--wd-gold-700);
--state-ochre:var(--wd-ochre-500);--state-teal:var(--wd-teal-500);--state-idle:var(--wd-slate-500);
--shadow-card:0 1px 4px rgba(0,0,0,.06);--shadow-float:0 4px 30px rgba(0,0,0,.15);--shadow-drawer:-12px 0 40px rgba(0,0,0,.15);
}