/* THEME: wood. The monument is a child's set of wooden blocks (sanded maple, soft grain) in a
   warm, bright playroom: afternoon light on a cream wall, honey toward the floor. Loaded after
   static/site/tokens.css, it overrides only what it changes; see that file for the contract.
   Switch to it on any page with ?theme=wood (the switcher in the frame); make it the default
   with SITE_THEME=wood.

   The world (the blocks, the air, the light, the dust) is scene.js beside this file. Its air is
   bright, so the homepage's interface (--world-*) is drawn in dark, warm ink over it. */
:root {
  color-scheme: light;

  /* The pages: cream paper with a little warmth, the surfaces a shade deeper. */
  --bg: #f5ecdc;
  --surface: #ece0cb;
  --surface-2: #e2d3b8;

  --ink: #2b1f14;
  --ink-2: #594836;
  --ink-3: #74624e;       /* 4:1 on --bg */
  --tick: #b5a386;

  --hair: rgba(43, 31, 20, 0.34);
  --rule: rgba(43, 31, 20, 0.13);

  /* The one hue: lantern light. The homepage's light is a small paper lantern, and this is its glow. */
  --accent: #ffac55;

  /* The homepage's world: the air is the playroom's cream and honey, so the interface is ink. */
  --world-bg: #c8b69c;
  --world-ink: #2b1f14;
  --world-ink-2: #4a3a29;
  --world-ink-3: #58472f;
  --world-tick: #7a6749;
  --world-hair: rgba(43, 31, 20, 0.4);
  --world-rule: rgba(43, 31, 20, 0.16);

  /* A rounder voice: the system's rounded face where there is one, the same family otherwise. */
  --font: ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Quicksand", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --title-weight: 400;
  --heading-weight: 500;
  --strong-weight: 600;
  --title-track: -0.015em;

  /* A device's shadow is the warm shadow of a thing on a table. */
  --shadow-device: 0 30px 80px -40px rgba(70, 40, 10, 0.5), 0 0 0 1px var(--rule);
}