/* glance · tokens v2 · "Editorial instrument"
   Warm graphite and bone. One brass accent. Serif for voice, sans for interface.
   Square corners, 1px rules, no glows, no blur. Depth comes from contrast between dark site and light sheet. */

@font-face { font-family: "Newsreader"; src: url("fonts/newsreader-latin.woff2") format("woff2"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url("fonts/newsreader-italic-latin.woff2") format("woff2"); font-weight: 300 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/geist-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/geist-mono-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  /* surfaces */
  --bg: #0b0a09; --bg-raised: #12100e; --surface: #161411;
  /* text (AA on --bg) */
  --text: #efe9de; --text-2: #b3ab9d; --text-3: #8f8878;
  /* accent: brass */
  --accent: #d6a64f; --accent-2: #b98a35; --accent-fill: #e2b25a; --accent-ink: #17110a;
  --accent-dim: rgba(214, 166, 79, .12); --accent-line: rgba(214, 166, 79, .55);
  /* rules */
  --line: rgba(239, 233, 222, .10); --line-2: rgba(239, 233, 222, .18);

  /* type */
  --serif: "Newsreader", "Iowan Old Style", Georgia, serif;
  --sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --fs-hero: clamp(3.1rem, 7.4vw, 7rem);
  --fs-h2: clamp(2.3rem, 4.6vw, 4rem);
  --fs-stage: clamp(1.7rem, 2.6vw, 2.4rem);
  --fs-lede: clamp(1.1rem, 1.5vw, 1.3rem);
  --fs-body: 1rem; --fs-small: .875rem; --fs-label: .72rem; --fs-micro: .7rem;
  --w-display: 300;

  /* spacing (4px base) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 112px; --s-10: 160px;
  /* radius: square */
  --r: 2px;
  /* motion */
  --ease: cubic-bezier(.2, .7, .2, 1); --t-1: 180ms; --t-2: 300ms; --t-3: 500ms;
  --wrap: 1240px;
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) { :root { --t-1: 0ms; --t-2: 0ms; --t-3: 0ms; } }

/* The light "sheet": a printed page set into the dark site. Re-maps the same tokens. */
.sheet {
  --bg: #ece6d8; --bg-raised: #e3dccb; --surface: #f4efe3;
  --text: #161410; --text-2: #4a463d; --text-3: #6b665b;
  --accent: #8a5a0d; --accent-2: #7a5008; --accent-fill: #8a5a0d; --accent-ink: #f4efe3;
  --accent-dim: rgba(138, 90, 13, .10); --accent-line: rgba(138, 90, 13, .55);
  --line: rgba(22, 20, 16, .12); --line-2: rgba(22, 20, 16, .22);
  color-scheme: light;
}