/* The Moon: brand tokens (palette + type), saved from the v1 site on 2026-10-04.
   Everything else on the site is open for redesign; these are the keepers.

   Load the fonts in <head>:
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=Jost:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Public+Sans:wght@400;500;600&display=swap" rel="stylesheet">
*/

:root{
  /* Surfaces, darkest to lightest */
  --night:#0b0c0e;      /* deepest black: unlit moon, inverted-hover text */
  --stock:#121417;      /* page background */
  --stock-hi:#181b1e;   /* raised surfaces: boxes, inset panels */
  --stock-2:#1b1e21;    /* toned areas, scrollbar track */

  /* Text and lines */
  --ink:#e7e5dd;        /* primary off-white text, heavy rules, inverted hover fill */
  --ink-2:#a8aba4;      /* secondary text, labels, captions */
  --line:#80847e;       /* frames and borders */
  --rule:rgba(231,229,221,.18); /* hairline dividers */

  /* Accent: light blue from the regolith in the in-game screenshots (OKLCH hue 222) */
  --overprint:#88d0e9;      /* oklch(82% .08 222): accent, focus, selection */
  --overprint-ink:#a2dbf0;  /* oklch(86% .065 222): accent text at reading size */

  /* Type */
  --display:"Jost", "Futura", "Century Gothic", sans-serif;      /* headlines, names, nav */
  --text:"Public Sans", "Segoe UI", sans-serif;                  /* reading text */
  --data:"Barlow Condensed", "Arial Narrow", sans-serif;         /* labels, numbers, references */

  color-scheme:dark;
}

/* Base treatment that went with the palette */
html{scrollbar-color:var(--ink-2) var(--stock-2)}
body{background:var(--stock);color:var(--ink);font:400 1.0625rem/1.6 var(--text);-webkit-font-smoothing:antialiased;caret-color:var(--overprint)}
::selection{background:var(--overprint);color:var(--night)}
:focus-visible{outline:2px solid var(--overprint);outline-offset:3px}
::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{background:var(--stock-2)}
::-webkit-scrollbar-thumb{background:var(--ink-2);border:3px solid var(--stock-2)}