


:root {
  --line-soft: var(--border-soft);
  --soft: var(--text-soft);
  --accent-text: var(--text-accent);
  --ok: var(--status-ok);
  --bad: var(--status-bad);
  --warn: var(--status-warn);
  --icon-bg: var(--accent-wash);
  --r: 10px;
  --r-lg: 14px;
  --font-text: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-head: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) { --bg: #f3f5f6; --surface: #ffffff; --surface-2: #f7f9fa; --surface-3: #e9edf0; --text: #0e1113; --soft: #3a444d; --line: #b9c2ca; --line-soft: #e4e8ec; --accent: #19c37d; --on-accent: #0e1113; --accent-text: #0a7a45; --accent-wash: rgba(25,195,125,0.08); --icon-bg: rgba(25,195,125,0.14); --ok: #0a7a45; --bad: #b42318; --warn: #9a5b00; --text-soft: #3a444d; --text-dim: #56616b; --border: #d5dbe0; --border-soft: #e4e8ec; --text-accent: #0a7a45; color-scheme: light; }
}
:root.theme-light,
:root[data-theme="light"] { --bg: #f3f5f6; --surface: #ffffff; --surface-2: #f7f9fa; --surface-3: #e9edf0; --text: #0e1113; --soft: #3a444d; --line: #b9c2ca; --line-soft: #e4e8ec; --accent: #19c37d; --on-accent: #0e1113; --accent-text: #0a7a45; --accent-wash: rgba(25,195,125,0.08); --icon-bg: rgba(25,195,125,0.14); --ok: #0a7a45; --bad: #b42318; --warn: #9a5b00; --text-soft: #3a444d; --text-dim: #56616b; --border: #d5dbe0; --border-soft: #e4e8ec; --text-accent: #0a7a45; color-scheme: light; }


html body .sh-top a.av { color: var(--on-accent); }


.ts-sep { color: var(--soft); }


.step.done { background: var(--surface-2, var(--surface)); border-color: var(--ok); }
.tag.free { border-color: var(--ok); }


.sh-brand .logo-l { display: none; }
:root[data-theme="light"] .sh-brand .logo-d { display: none; }
:root[data-theme="light"] .sh-brand .logo-l { display: block; }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .sh-brand .logo-d { display: none; }
  :root:not([data-theme="dark"]) .sh-brand .logo-l { display: block; }
}
