/* Scoped token alignment for legacy form/admin pages — does not remove existing stylesheets */
:root {
  --navy: #081B2C !important;
  --navy-deep: #061420 !important;
  --navy-mid: #0E2A43 !important;
  --gold: #B9945A !important;
  --gold-light: #C9AA78 !important;
  --ivory: #F7F4EE !important;
  --cream: #F7F4EE !important;
  --charcoal: #17212B !important;
  --gray: #66717D !important;
  --line: #D9C7A3 !important;
  --white: #FFFFFF !important;
  --danger: #B33A3A !important;
  --success: #1E7A55 !important;
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Figtree", "Segoe UI", sans-serif;
}

body {
  font-family: var(--font-body) !important;
  background: var(--ivory) !important;
  color: var(--charcoal) !important;
}

h1, h2, h3 {
  font-family: var(--font-display) !important;
}

/* When shared chrome is present, hide duplicate legacy chrome only */
body:has(#site-chrome) > header:not(.site-header),
body:has(#site-chrome) > .topbar,
body:has(#site-chrome) .bottom-nav,
body:has(#site-chrome) #mobile-bottom-nav,
body:has(#site-chrome) .mobile-bottom-nav,
body:has(#site-chrome) > footer:not(.site-footer) {
  display: none !important;
}

/* Keep FABs above content but clear of AI launcher */
body:has(#ai-fab) #whatsapp-fab,
body:has(.ai-fab) #whatsapp-fab {
  bottom: 5.5rem !important;
}
body:has(.ai-fab) #line-fab {
  bottom: 9.5rem !important;
}

@media (max-width: 640px) {
  .form-card,
  .sell-hero,
  .dash-hero,
  .wrap {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .btn-submit,
  .btn-primary {
    width: 100%;
    min-height: 48px;
  }
}