/* === PROFESSIONAL TEXT SCALE — TRITIUM-OAU EDITION === */
:root {
  font-size: clamp(14px, 2.5vw, 16px); /* base size, scales perfectly on mobile */
}

body {
  font-size: 1rem;       /* 14–16px */
  line-height: 1.5;
  font-family: "Inter", Arial, sans-serif;
  color: #0f0;
  background: #000;
}

h1 {
  font-size: clamp(1.8rem, 5vw, 2.2rem);  /* 28–35px max */
  color: #ff9900;
  font-weight: bold;
  margin: 1.5rem 0;
}

h2 {
  font-size: clamp(1.4rem, 4vw, 1.75rem); /* 22–28px max */
  color: #0f0;
  margin: 1.5rem 0 1rem;
}

h3 {
  font-size: clamp(1.1rem, 3.5vw, 1.3rem); /* 17–20px max */
  color: #ffb347;
}

/* Buttons, inputs, selects — match Play Game button */
button, input, select {
  font-size: 1.1rem !important;   /* ~17–18px — never bigger than Play Game */
  padding: 12px 20px;
}

/* Navigation bar — your anchor size */
nav, .navbar, .menu-bar {
  font-size: 1.1rem;   /* exactly matches Play Game button */
  font-weight: bold;
}

/* Small text (proof, footnotes) */
small, .proof, .note {
  font-size: 0.85rem;  /* ~13–14px */
  color: #0b0;
}