:root {
  --primary: #312684;
  --secondary: #5D66AB;
  --white: #ffffff;
  --ink: #1a1a2e;

  --content-width: 78vw;
  --content-max: 1180px;

  --header-height: 104px;

  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --radius: 14px;
  --shadow: 0 4px 24px rgba(49, 38, 132, 0.08);
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--white);
  line-height: 1.6;
}

/* Controls how much of the viewport content uses. Never full-width. */
.container {
  width: var(--content-width);
  max-width: var(--content-max);
  margin-inline: auto;
}