/* ─────────────────────────────────────────────────────────────
   ROBOT RUNWAY — THE ONLY PLACE FOR COLORS AND FONTS.
   3 colors, 2 fonts. Nothing else is allowed on the site.
   ───────────────────────────────────────────────────────────── */

@import url("https://fonts.googleapis.com/css2?family=League+Gothic&family=Space+Mono:wght@400;700&display=swap");

:root {
  /* Colors */
  --orange: #d9480f;
  --black: #141414;
  --paper: #f4efe6;

  /* Fonts */
  --font-display: "League Gothic", "Arial Narrow", sans-serif; /* titles */
  --font-data: "Space Mono", ui-monospace, monospace; /* everything else */

  /* Type scale (print reference at 1920 px, made responsive) */
  --size-h1: clamp(4.5rem, 13vw, 11rem);
  --size-h2: clamp(3.25rem, 7.5vw, 7rem);
  --size-h3: clamp(2.25rem, 4vw, 4rem);
  --size-data: clamp(2.5rem, 5vw, 4.5rem);
  --size-label: clamp(0.75rem, 0.9vw, 0.95rem);
  --size-body: clamp(0.95rem, 1.15vw, 1.15rem);

  /* Safety margin: nothing touches the edge */
  --margin: clamp(1rem, 4vw, 4rem);
  /* Corner brackets: always the same distance from the edge */
  --bracket-inset: 0.6rem;
  --bracket-size: 1rem;
}