/* Shop-specific overrides on top of the 1:1-copied chaoshof.bio style.css.
   Kept separate so style.css/bootstrap.css can be re-synced from the main
   site without merge conflicts. */

/* The shop has no announcement bar, so the navbar shouldn't be pushed down
   by --announcement-height (was causing page headings to render behind the
   fixed navbar). The corresponding content offset lives in the Nav
   component itself (a spacer div matching its real height), not here —
   this rule must NOT apply globally to `main`, since (checkout) has its
   own separate, non-fixed header that doesn't need any offset. */
.custom-navbar {
  top: 0;
}

/* style.css's `main { padding-top: 100px }` assumed the announcement
   bar + nav combo from the main site. We don't have that, and the
   real offset is handled per-page instead (Nav's own spacer div for
   fixed-nav pages; checkout's header is normal flow and needs none). */
main {
  padding-top: 0;
}

/* Re-brand @medusajs/ui-preset's default blue "interactive" design tokens
   (links, selected radio borders, focus rings across cart/checkout/product
   pages) to the chaoshof accent color, instead of touching every component
   that references var(--fg-interactive) / var(--border-interactive). */
:root {
  --fg-interactive: #b8930a;
  --fg-interactive-hover: #967609;
  --border-interactive: #f6d71a;
  --bg-interactive: #f6d71a;
}