:root {
  /* Backgrounds */
  --pythenians-asphalt: #232120; /* Page background */
  --pythenians-night: #17130f; /* Hub background */
  --pythenians-ink: #171310; /* Deep panels, text on ivory */
  --pythenians-panel: #1d1815; /* Cards and panels */
  --pythenians-ink-2: #241d18; /* Raised panels */
  --pythenians-soot: #0a0908; /* Footer and stripes */
  /* Text colours */
  --pythenians-ivory: #f2ece2; /* Primary text */
  --pythenians-concrete: #b8b3ab; /* Secondary text */
  --pythenians-concrete-dark: #57534c; /* Muted text and lines */
  /* Accent colours */
  --pythenians-flame: #f7841f; /* Main buttons, highlights, stripes */
  --pythenians-violet: #7b3fd4; /* Brand fills, bars, borders */
  --pythenians-violet-ink: #a074e2; /* Violet text on dark backgrounds */
  --pythenians-magenta: #c2478f; /* Middle of the gradient */
  /* Navigation blues */
  --pythenians-steel: #0a121c; /* Navigation bar background */
  --pythenians-steel-2: #16283a; /* Navigation bar highlight */
  --pythenians-steel-rim: #6f9dc8; /* Navigation bar edge glow */
  /* Logo colours */
  --pythenians-spray-mint: #0bdf6e; /* The II in Sunrise and Aurora */
  --pythenians-spray-orange: #fb741a; /* The II in Violet, Mint and Dusk */
  --pythenians-sunrise-orange: #fb8d19; /* Sunrise logo, top */
  --pythenians-sunrise-yellow: #fbfd1c; /* Sunrise logo, middle */
  --pythenians-deep-violet: #5d1fc0; /* Violet logo, top */
  --pythenians-lavender: #dec6fa; /* Violet logo, bottom */
  --pythenians-ice: #aceff5; /* Mint logo, bottom */
  --pythenians-speckle-navy: #344185; /* Paint speckles */
  --pythenians-heat: linear-gradient(90deg, #7b3fd4 0%, #c2478f 54%, #f7841f 100%);
}