/* Fibalo brand overrides for the theme. Loaded after build/style.css; every value
   comes from brand/tokens.css (copied from packages/brand at image build) — never restated here. */
:root {
  --accent-color: var(--fb-brand-700);

  --font-family-heading: var(--fb-font-sans);
  --font-family-body: var(--fb-font-sans);
  --font-family-monospace: var(--fb-font-mono);

  --bg-color-0: var(--fb-surface-base);
  --bg-color-1: var(--fb-surface-subtle);
  --border-color-0: var(--fb-border-subtle);

  --text-color-0: var(--fb-text-primary);
  --text-color-1: var(--fb-text-secondary);
  --text-color-2: var(--fb-text-muted);
  --text-muted: var(--fb-text-muted);

  --border-radius-1: var(--fb-radius-sm);
  --border-radius-2: var(--fb-radius-lg);
  --button-border-radius: var(--fb-radius-full);

  --pre-background-color: var(--fb-surface-muted);
  --mark-background-color: var(--fb-surface-brand-muted);

  --site-logo-height: 1.9rem;
}

.site-header {
  /* the logo box is sized for a taller mark; shrink it with the logo or the nav loses room */
  .site-logo {
    min-width: 11rem;
  }

  .nav-cta {
    font-size: 0.95rem;
    margin-inline-start: 0.25rem;
  }

  @media (width <= 768px) {
    .nav-cta {
      font-size: 0.85rem;
    }
  }
}