:root{
  
  --ht-bg:var(--em-bg); --ht-bg-sub:var(--em-bg-sub);
  --ht-surface:var(--em-surface); --ht-surface-elevated:var(--em-surface-2); --ht-surface-secondary:var(--em-surface-3);
  --ht-text:var(--em-text); --ht-text-secondary:var(--em-text-dim); --ht-text-muted:var(--em-text-muted);
  --ht-border:var(--em-line-strong); --ht-border-subtle:var(--em-line);
  --ht-accent:var(--em-accent); --ht-accent-hover:var(--em-accent-bright); --ht-accent-ink:var(--em-accent-ink);
  --ht-accent-soft:var(--em-accent-soft); --ht-accent-edge:var(--em-accent-edge); --ht-accent-text:var(--em-accent-text);
  --ht-focus:var(--em-accent);
  --ht-success:var(--em-ok); --ht-success-soft:var(--em-ok-soft);
  --ht-warning:var(--em-warn); --ht-warning-soft:var(--em-warn-soft);
  --ht-error:var(--em-err); --ht-error-soft:var(--em-err-soft);
  --ht-info:var(--em-info); --ht-info-soft:var(--em-info-soft);
  
  --ht-accent-pressed:#D9531F;   
  --ht-ember-deep:#E4551F;       
}
:root, [data-theme="dark"]{
  --ht-overlay:rgba(2,1,1,.66);
  --ht-disabled-fg:var(--em-text-faint); --ht-disabled-bg:var(--em-surface-2); --ht-disabled-border:var(--em-line);
}
[data-theme="light"]{
  --ht-overlay:rgba(26,19,13,.44);
  --ht-disabled-fg:var(--em-text-faint); --ht-disabled-bg:var(--em-bg-sub); --ht-disabled-border:var(--em-line);
}