/* =========================
   MCL Global Theme
   ========================= */
:root {
  /* MCL restrained neutral palette */
  --bg-primary: #f8f8f8;        /* soft off-white */
  --text-primary: #1a1a1a;      /* near-black, not harsh */
  --text-secondary: #5a5a5a;    /* muted gray */
  --accent-primary: #2a2a2a;    /* quiet emphasis */
  --accent-muted: #8a8a8a;      /* low-contrast detail */
  --border-light: #e0e0e0;      /* subtle separation */
}
}

/* =========================
   Base Reset
   ========================= */

body {
  margin: 0;
  padding: 2.25rem 2rem;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

/* =========================
   Typography
   ========================= */

h1 {
  letter-spacing: 0.08em;
  font-weight: 600;
}

h2 {
  margin-top: 2.25rem;
  font-weight: 500;
}

h3 {
  color: var(--text-secondary);
  font-weight: 400;
}

p, li {
  max-width: 720px;
}

/* =========================
   Links
   ========================= */

a {
  color: var(--accent-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--border-light);
}

a:hover {
  border-bottom-color: var(--accent-primary);
}

/* =========================
   Footer
   ========================= */

footer {
  margin-top: 4rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-light);
  color: var(--accent-muted);
  font-size: 0.9rem;
}

/* =========================
   Navigation
   ========================= */

nav {
  margin-bottom: 2.5rem;
}

nav a {
  margin-right: 1.5rem;
  font-size: 0.9rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--accent-muted);
  border-bottom: none;
}

nav a:hover {
  color: var(--accent-primary);
}