/* ---------------------------------------------------------------------------
 * Paper — the light half of the world, for pages that are read rather than
 * browsed: the welcome manual and the privacy policy.
 *
 * The landing is carbon because it is showing a product that lives on carbon.
 * A document is different: it is read once, usually mid-task, and grey body
 * copy on near-black is the fastest way to have it skipped. Same brand tones,
 * inverted: the chalk palette the panel uses in daylight.
 * ------------------------------------------------------------------------- */

@font-face {
  font-family: "Tanker";
  src: url("fonts/tanker.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("fonts/geist.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("fonts/geist-mono.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --paper: #f7f5f0;
  --card: #efece4;
  --ink: #131210;
  --ink-soft: #46413a;
  --ink-faint: #6f6960;
  --edge: rgba(19, 18, 16, 0.12);
  --accent: #ffd400;
  --accent-text: #7a5e00;
  color-scheme: light;
}

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

body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Geist", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

::selection {
  background: var(--accent);
  color: var(--ink);
}

a {
  color: var(--accent-text);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.display {
  font-family: "Tanker", "Geist", system-ui, sans-serif;
  font-weight: 400;
  letter-spacing: 0.004em;
  /* clear the cut: Tanker sets its caps high, so the box needs room above */
  padding-top: 0.05em;
}