/* base.css — shared resets/variables ONLY. No component styles here. */
:root {
  --pm-navy: #142057;
  --pm-primary: #2a2490;
  --pm-primary-light: #3d35b5;
  --pm-text: #1a1a1a;
  --pm-muted: #666;
  --pm-border: #e5e5e5;
  --pm-bg: #ffffff;
  --pm-radius: 6px;
  --pm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.pm-header, .pm-footer, .pm-search-form, .pm-listing-grid, .pm-listing-card,
.pm-listing-single, .pm-dealer-profile, .pm-auth-form, .pm-dashboard {
  font-family: var(--pm-font);
  color: var(--pm-text);
  box-sizing: border-box;
}
.pm-header *, .pm-footer *, .pm-search-form *, .pm-listing-grid *, .pm-listing-card *,
.pm-listing-single *, .pm-dealer-profile *, .pm-auth-form *, .pm-dashboard * {
  box-sizing: inherit;
}
.pm-main {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
}
.pm-breadcrumb {
  font-size: 0.85rem;
  color: var(--pm-muted);
  margin-bottom: 14px;
}
.pm-breadcrumb a {
  color: var(--pm-muted);
  text-decoration: none;
}
.pm-breadcrumb span {
  color: var(--pm-text);
}
body.pm-page {
  margin: 0;
  background: var(--pm-bg);
}
.pm-archive-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.pm-archive-layout__main {
  flex: 1;
  min-width: 0;
}
@media (max-width: 800px) {
  .pm-archive-layout { flex-direction: column; }
}