/* The site layer.
 *
 * Everything between the `:root` braces below is the design file's own
 * `<style>` block, copied exactly: AM2 Studio's site palette overriding the
 * folheto tokens it sits on. folheto's `--paper` is #F2F2F2 and its `--ink` is
 * #101010; this site is warmer and whiter, and that is a deliberate
 * call-site choice rather than a divergence.
 *
 * Two additions the design file has no way to express, both marked below.
 *
 * `no_hex_literals_test.dart` allows hex here and in `tokens/`, and nowhere
 * else. This file and the token files are the only two places a colour is
 * written rather than referenced — that rule is what keeps folheto
 * re-syncable.
 */
:root{
  --paper:#FFFFFF;
  --card:#FFFFFF;
  --ink:#14110F;
  --ink-soft:#5F5A54;
  --rule:#D9D2C4;
  --plate:#8A847A;
  --card-hairline:rgba(20,17,15,.22);
  --am2-red:#D93B24;
  --site-gutter:32px;

  /* ---- addition 1: the design's call-site line-heights, named -------------
   *
   * The design file writes `line-height:23px` ninety times and
   * `line-height:27px` sixteen times, always at a call site, never as a token.
   * Naming them here stops the same two magic numbers appearing in a dozen
   * rules across three files, and makes "the lead paragraph got looser"
   * a one-line change rather than a find-and-replace.
   *
   * They are site-layer, not folheto: folheto's type roles carry their own
   * line-heights, and these are the two this site adds on top for running
   * prose. Do not push them upstream.
   */
  --lh-lead:27px;     /* a lead paragraph, set at 17 */
  --lh-support:23px;  /* supporting prose and legal body, set at 15 */
}

/* ---- addition 2: no dark mode ---------------------------------------------
 *
 * `colors.css` carries a full `[data-theme="dark"]` palette, copied verbatim
 * from folheto because the tokens are copied verbatim. Nothing on this site
 * ever sets that attribute.
 *
 * `color-scheme: light` is what makes that honest to the browser. Without it,
 * a reader whose OS is in dark mode gets a dark form-control and scrollbar
 * chrome around a page that is entirely white — and, on iOS Safari, a
 * momentary dark flash before first paint. The design has no dark mode; this
 * says so rather than leaving it ambiguous.
 */
:root{ color-scheme: light; }

body{background:var(--paper);color:var(--ink);margin:0;}
a{color:var(--ink);text-decoration:none;}
a:hover{color:var(--am2-red);}