/* Global reset: consistent box model + remove default spacing */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Content wrapper: center content and limit line length */
.container {
  max-width: 900px;      /* keeps text readable on large screens */
  margin: 0 auto;        /* centers the block */
  padding: 0 1rem;       /* side breathing room on small screens */
}

/* Design fonts and site colors */
:root {
  --font-sans: "Helvetica Neue", Arial, sans-serif;
  --color-text: #ffffff;         /* default body text color */
  --color-bg: #000000;           /* page background */
  --color-accent: rgb(0, 0, 0);/* brand/accents (used by header, etc.) */
}

/* Base typography & page background */
body {
  font-family: "Helvetica Neue", Arial, "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--color-text);
  background-color: var(--color-bg);
  line-height: 1.6;          /* comfortable reading line height */
}