/* ---------------------------------------------------------------------------
   Design tokens — the ONLY code shared between the main site and the article
   pages under /writing/.

   The article pages are deliberately NOT coupled to styles.css, app.js, or
   three.js: a reader arriving from a phone should get a ~50KB text page, not
   a WebGL forest. They share identity (palette, type), not machinery. This
   file is that identity, so the two can never drift apart.

   Deliberately NOT named --font-sans: styles.css:2159 already uses
   var(--font-sans, inherit) and relies on it being undefined.
--------------------------------------------------------------------------- */

:root {
  /* Site — dark, photographic. Moved out of styles.css:26-34. */
  --ink: #0d211b;
  --ink-soft: rgba(13, 33, 27, 0.68);
  --glass-fill: rgba(255, 255, 255, 0.24);
  --glass-fill-strong: rgba(255, 255, 255, 0.36);
  --glass-border: rgba(255, 255, 255, 0.58);
  --glass-edge-emerald: rgba(116, 255, 218, 0.34);
  --glass-edge-gold: rgba(255, 226, 151, 0.34);
  --gold: #f5c85d;
  --mint: #53f0c8;

  /* Paper — lifted from the .u-note stack (styles.css:2323-2366). An article
     is a note opened up, so it must be literally the same paper. */
  --paper: #efeae0;
  --paper-deep: #e6e0d4;
  --paper-ink: #22201c;
  --paper-ink-soft: #514c42;
  --paper-ink-faint: #8a8375;
  --paper-rule: rgba(34, 32, 28, 0.16);
  --paper-accent: #4a6b1f;

  /* Type. The site loads no webfonts at all — that is why article pages are
     near-instant. Keep it that way. */
  --font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, sans-serif;
  --font-display: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}