/* Hallmark - tokens: ZKApp navigation - theme: white-neutral-teal */
:root{
  --nav-color-paper:#f6f6f6;
  --nav-color-surface:#fff;
  --nav-color-soft:#fff;
  --nav-color-accent:#16baaa;
  --nav-color-accent-hover:#45c8bb;
  --nav-color-accent-deep:#0d766c;
  --nav-color-ink:#24302e;
  --nav-color-muted:#667572;
  --nav-color-rule:#e5e5e5;
  --nav-color-rule-strong:#d0d0d0;
  --nav-color-danger:#b42318;
  --nav-color-danger-soft:#fff1f0;
  --nav-color-warning:#8a6100;
  --nav-color-warning-soft:#fff8df;
  --nav-color-success:#087f5b;
  --nav-color-success-soft:#fff;
  --nav-font-display:"Microsoft YaHei","PingFang SC",sans-serif;
  --nav-font-body:"Microsoft YaHei","PingFang SC",sans-serif;
  --nav-font-mono:Consolas,"SFMono-Regular",monospace;
  --nav-space-1:.25rem;
  --nav-space-2:.5rem;
  --nav-space-3:.75rem;
  --nav-space-4:1rem;
  --nav-space-5:1.25rem;
  --nav-space-6:1.5rem;
  --nav-space-8:2rem;
  --nav-space-10:2.5rem;
  --nav-text-sm:.875rem;
  --nav-text-base:1rem;
  --nav-text-lg:1.25rem;
  --nav-text-display:2rem;
  --nav-radius-sm:0;
  --nav-radius-md:0;
  --nav-rule:1px solid var(--nav-color-rule);
  --nav-ease-out:cubic-bezier(.16,1,.3,1);
  --nav-dur-fast:120ms;
  --nav-dur-base:180ms;
}