:root {
  --accent: #D42B2B;
  --accent-dark: #B01E1E;
  --yellow: #FFD600;
  --header-bg: #0C0C0E;
  --bg: #F4F4F0;
  --card: #ffffff;
  --text: #0D0D0D;
  --muted: #696969;
  --border: #E4E4E0;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}

header {
  background: var(--header-bg);
  color: #fff;
  padding: 2.5rem 1rem 2rem;
  text-align: center;
}

header a { color: #fff; text-decoration: none; }
/* Sub-pages wrap the logo h1 in <a href="/">. display:block prevents the
   inline-containing-block anonymous box that adds extra header height. */
header > a:first-child { display: block; }
header h1 { font-family: 'Space Grotesk', sans-serif; font-size: 2rem; font-weight: 800; letter-spacing: -0.5px; }
header p  { margin-top: 0.4rem; font-size: 0.9rem; opacity: 0.7; }