/* ===== core.css (tokens, reset, base, layout) ===== */
:root {
  --brand-bg: #0a2240;
  --brand-fg: #ffffff;
  --accent: #ffd147;
  --accent-2: #e83f3f;
  --maxw: 1180px;
  --pad: 16px;
}

* { box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0;
  /* Make the underlying “gutter” your brand blue
     so any sideways drag shows blue, not white */
  background: var(--brand-bg);
  /* Prevent horizontal scroll that exposes gutters */
  overflow-x: hidden;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #111;
  /* Keep main reading area white */
  background: #fff;
}

/* Constrain readable width and give side padding only to page content */
main,
main .container,
.company-intro {
  max-width: 1180px;
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
  background: #fff;
  box-sizing: border-box;
}