/* base.css – Shared root styling and variables
   Used by all pages
*/

:root {
  --primary: #ff9136;
  --accent: #2d3142;
  --topbar-bg: #24272e;
  --white: #fff;
  --mission-bg: rgba(36, 39, 46, 0.34);
  --mission-text: #fff;
  --gray: #eff2f6;
  --btn: #0d9c92;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  background: var(--gray);
  color: var(--accent);
}

*, *:before, *:after {
  box-sizing: inherit;
}