:root {
  --bg: #ffffff;
  --bg-soft: #f7f9fa;
  --bg-soft-2: #ebf0f2;
  --fg: #333c40;
  --fg-soft: #526066;
  --muted: #66787f;
  --border: #dae2e5;
  --accent: #eb6142;
  --accent-fg: #ffffff;
  --accent-hover: #cb3715;
  --accent-tint: rgba(235,97,66,0.12);
  --error: #cf2e2e;
  --warn: #c08a00;
  --ok: #2c8a3a;
  --radius: 8px;
  --nav-h: 64px;
  --font-stack: Muli, "Helvetica Neue", Arial, sans-serif;
  --nav-bg: var(--bg);
  --nav-fg: var(--fg);
  --nav-fg-soft: var(--fg-soft);
  --nav-muted: var(--muted);
  --nav-border: var(--border);
  --nav-soft: var(--bg-soft);
  --nav-soft-2: var(--bg-soft-2);
  --nav-accent: var(--accent);
  --nav-accent-hover: var(--accent-hover);
  --nav-accent-tint: var(--accent-tint);
}