/* Global base for the public marketing site.
   The top bar itself now lives in procom-site.css (.pc-header), translated
   from the design-system SiteHeader.jsx. */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  width: 100%;
  overflow-x: hidden;
}

body {
  width: 100%;
  overflow-x: hidden;
  font-family: var(--font-sans);
  font-weight: var(--fw-regular);
  background-color: var(--ink-900);
}

/* Legacy face — still referenced by about.css / dealer.css. */
@font-face {
  font-family: 'ArialRounded';
  src: url('../fonts/arialroundedmtbold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--ink-900); }
::-webkit-scrollbar-thumb { background: rgba(224,91,15,0.4); border-radius: var(--radius-pill); }
::-webkit-scrollbar-thumb:hover { background: var(--procom-orange); }