/* Site-wide theme — bright neon cobalt on white, maximum contrast.
   Vivid electric-cobalt ink and lines sit on a single bright white field,
   with the disc circles (and the text inside them) in neon cherry red.
   No background motion, no gradients, no ripples: just a flat field.

   This file owns the shared canvas: the colours, the one typeface, the
   reset and the single base type size. Every page inherits that one font
   and size so type reads consistently across the whole site; pages add
   only layout on top, never their own base font or size. */

:root {
  /* bright neon cobalt ink for all type and lines */
  --ink: #0a2bff;
  /* neon cherry red for the disc circles and the text inside them */
  --circle: #ff003c;
  /* one typeface for the whole site */
  --font: 'Inter', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  /* one base type size for the whole site: comfortable on a phone, never huge on desktop */
  --type: clamp(0.84rem, 2.08vw, 1.2rem);
}

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

html,
body {
  width: 100%;
  min-height: 100%;
  color: var(--ink);
  font-family: var(--font);
  font-size: var(--type);
  line-height: 1.4;
  /* keep mobile browsers from inflating our deliberately small type */
  -webkit-text-size-adjust: 100%;
}

/* The white field lives on the root element so the body can stay transparent,
   letting the faint tracer canvas (tracers.js) show through behind the type. */
html {
  background: #ffffff;
}

a {
  color: var(--ink);
}