:root{
  --ground: #F6F4EB; /* oklch(0.965 0.012 95) · Sailcloth: undyed canvas */
  --ground-2: #EAE7DD; /* oklch(0.928 0.014 95) · Sailcloth in shade */
  --ink: #0E1217; /* oklch(0.18 0.012 250) · Pitch: the tar a hull is sealed with */
  --green: #046C46; /* oklch(0.47 0.105 160) · Starboard light: the green lamp on a ship’s right side */
  --red: #C22826; /* oklch(0.53 0.190 27) · Port light: the red lamp on a ship’s left side */
  --warning: #DF7B0C; /* oklch(0.68 0.160 58) · Signal orange: the colour of a lifebuoy */
  --gold: #9D7B19; /* oklch(0.6 0.115 88) · Gold lace: the braid of a captain’s cuff stripes */
  --primary: var(--ink); /* the brand is black and white */
  --success: var(--green);
  --error: var(--red);
  --n-1: #F6F4EB; /* oklch(0.965 0.012 95) */
  --n-2: #E9E7DF; /* oklch(0.928 0.011 96) */
  --n-3: #D5D4CE; /* oklch(0.87 0.009 99) */
  --n-4: #B8B8B3; /* oklch(0.78 0.007 105) */
  --n-5: #919390; /* oklch(0.66 0.004 127) */
  --n-6: #6D6F6F; /* oklch(0.54 0.003 193) */
  --n-7: #4A4E4F; /* oklch(0.42 0.005 233) */
  --n-8: #2A2E32; /* oklch(0.3 0.009 245) */
  --n-9: #0E1217; /* oklch(0.18 0.012 250) */
  --muted: var(--n-7);
  --rule: var(--n-3);
  --font-display: "Michroma", sans-serif;
  --font-text: "Archivo", sans-serif;
  --font-mono: "Martian Mono", monospace;
  --display-stretch: 100%;
  --display-weight: 400;
  --display-tracking: 0.02em;
  --unit: 8px; --s1: 8px; --s2: 16px; --s3: 24px; --s4: 40px; --s5: 64px; --s6: 104px;
  --launch-rise: 1.1s; --launch-ease: cubic-bezier(.2,.7,.2,1);
}
[data-theme="dark"]{
  --ground: #0E1217; /* oklch(0.18 0.012 250) · Pitch */
  --ground-2: #191F25; /* oklch(0.235 0.014 250) · Pitch, one coat lighter */
  --ink: #F6F4EB; /* oklch(0.965 0.012 95) · Sailcloth */
  --green: #4FCC92; /* oklch(0.76 0.140 160) · Starboard light, seen at night */
  --red: #F46F64; /* oklch(0.7 0.165 27) · Port light, seen at night */
  --warning: #FC9E47; /* oklch(0.78 0.150 60) · Signal orange, lit */
  --gold: #DFB956; /* oklch(0.8 0.125 88) · Gold lace, lit */
  --muted: var(--n-4);
  --rule: var(--n-8);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --ground: #0E1217; /* oklch(0.18 0.012 250) · Pitch */
  --ground-2: #191F25; /* oklch(0.235 0.014 250) · Pitch, one coat lighter */
  --ink: #F6F4EB; /* oklch(0.965 0.012 95) · Sailcloth */
  --green: #4FCC92; /* oklch(0.76 0.140 160) · Starboard light, seen at night */
  --red: #F46F64; /* oklch(0.7 0.165 27) · Port light, seen at night */
  --warning: #FC9E47; /* oklch(0.78 0.150 60) · Signal orange, lit */
  --gold: #DFB956; /* oklch(0.8 0.125 88) · Gold lace, lit */
  --muted: var(--n-4);
  --rule: var(--n-8);
}}
@font-face{font-family:"Michroma";src:url("fonts/Michroma.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url("fonts/Archivo.ttf") format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Martian Mono";src:url("fonts/MartianMono.ttf") format("truetype");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap}