/* ============================================================================
   VIZid brand layer for the furo manual — aligns the guide with vizid.app:
   Inter typography, the deep-dark palette, and on-brand accents.
   Loaded last, so it wins over the theme defaults.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

body {
  --font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-stack--headings: var(--font-stack);
}

h1, h2, h3, h4 { letter-spacing: -0.02em; }

/* "Back to vizid.app" announcement bar — matches the site accent */
.announcement {
  background: linear-gradient(90deg, #1a7f8c, #3fb6c6);
}
.announcement, .announcement a { color: #04161a; }
.announcement a { font-weight: 700; text-decoration: underline; }

/* Sidebar brand wordmark spacing */
.sidebar-brand-text { letter-spacing: -0.02em; font-weight: 700; }

/* Softer, rounded code + admonition blocks to match the site cards */
.highlight, pre { border-radius: 10px; }
.admonition, .topic { border-radius: 12px; }