/* Stratios design tokens, trimmed from the Stratios design system to what the page uses.
   Self-hosted Google Fonts (OFL), latin subset. Archivo is variable on width (62–125%) and weight (100–900). */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("../fonts/archivo-variable.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --basalt: #0E0F12;
  --cloud: #FFFFFF;
  --cloud-2: #C9CCD2;
  --paper: #F4F1EA;
  --gold: #D6A65E;
  /* Strata — six layers, bedrock (1) to surface (6). Gold-to-umber, no red. */
  --strata-1: #24221F; --strata-2: #3B362E; --strata-3: #5C513F;
  --strata-4: #8C7449; --strata-5: #D6A65E; --strata-6: #E8DFCB;

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;
  --tr-wordmark: 0.16em;
  --gutter: clamp(20px, 4vw, 56px);
  --ease-out: cubic-bezier(.2, .7, .2, 1);
}