/* Shared visual foundation. Reference: /tracuu/. See UI-GUIDELINES.md. */
:root {
  --mdvn-ink: #17334d;
  --mdvn-muted: #58718b;
  --mdvn-line: #dce8f2;
  --mdvn-paper: #f3f7fb;
  --mdvn-blue: #1f94d2;
  --mdvn-accent: #007cbd;
  --mdvn-font: "Segoe UI", Arial, sans-serif;
  --mdvn-sidebar: 248px;
  --mdvn-radius: 12px;
  --ink: var(--mdvn-ink);
  --muted: var(--mdvn-muted);
  --line: var(--mdvn-line);
  --paper: var(--mdvn-paper);
  --green: var(--mdvn-blue);
  --accent: var(--mdvn-accent);
  --font: var(--mdvn-font);
  --mdvn-hero: linear-gradient(115deg, #087bbb 0%, #1f94d2 65%, #46afe5 100%);
}
.mdvn-brand-logo {
  display: block;
  width: 150px;
  height: 80px;
  object-fit: contain;
  border-radius: 8px;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .mdvn-brand-logo { width: 105px; height: 56px; border-radius: 5px; }
}
@media (max-width: 540px) {
  .mdvn-brand-logo { width: 99px; height: 53px; }
}