/* Starting point for the Workspace landing page and sign-in (hanna_portal/web/style.css).
 * That stylesheet uses three variables (--green, --muted, --line) and a few fixed colours; this maps them onto
 * the theme. Load it after style.css. Check every screen of the portal once it is in: rules that use other
 * fixed colours need one line here each. Classic leaves the page exactly as it is today. */
html[data-hanna-look="hanna"] {
  --green: var(--ht-accent);
  --muted: var(--ht-muted);
  --line: var(--ht-line);
  color: var(--ht-text);
  background: var(--ht-bg);
}
html[data-hanna-look="hanna"] body { background: var(--ht-bg); color: var(--ht-text); }
html[data-hanna-look="hanna"] .sidebar { background: var(--ht-chrome); border-color: var(--ht-line); }
html[data-hanna-look="hanna"] .brand-symbol { background: var(--ht-accent); color: var(--ht-accent-ink); }
html[data-hanna-look="hanna"] .brand-dot,
html[data-hanna-look="hanna"] .eyebrow,
html[data-hanna-look="hanna"] .nav-label { color: var(--ht-muted); }
html[data-hanna-look="hanna"] h1,
html[data-hanna-look="hanna"] h2,
html[data-hanna-look="hanna"] h3 { color: var(--ht-text); }
html[data-hanna-look="hanna"] input,
html[data-hanna-look="hanna"] select,
html[data-hanna-look="hanna"] textarea {
  background: var(--ht-raised); color: var(--ht-text); border-color: var(--ht-line);
}