/* askNib's one set of brand tokens (ADR-015 rule 8; the 2026-10 refresh, option A "one hand"). The board, the
   landing, the watch page and the books all read these; nothing redefines a brand colour locally.

   Surfaces: the DESK everything sits on, the SHEET (paper) Nib draws on, the PAPER inside controls.
   Ink and Nib's five markers are unchanged; strawberry is the ONE action colour.
   Type, one hand: Shantell Sans is askNib's voice everywhere; headlines use askNib Display (Shantell frozen at 700
   with a touch of its own bounce); Caveat appears only where the marker touches paper (the board, thumbs, drawn
   labels). Dark mode is NOT a token set: it stays one root transform the reader opts into (#315). The one exception is
   below: which LIGHT colour the desk is, so the transform lands it near-black instead of brown (#468). */
:root {
  --desk: #EEE7D8;
  --sheet: #FBF8F1;
  --paper: #F4EFE4;
  --ink: #3A241C;
  --ink2: #6A5A48;
  --sub: #8F7F6A;
  --hair: rgba(58, 36, 28, .12);
  --hair2: rgba(58, 36, 28, .22);
  --glass: rgba(251, 248, 241, .78);
  --glass-edge: rgba(255, 255, 255, .75);

  --strawberry: #E73069;
  --blueberry: #4A5FD5;
  --pistachio: #3D7A47;
  --caramel: #BD7F2E;
  --clay: #D9482F;
  --accent: var(--strawberry);
  /* white on #E73069 is 4.2:1; text-bearing buttons use the deeper face to clear WCAG AA's 4.5:1 */
  --accent-strong: #C82A5B;

  /* elevation: two levels and glass, nothing else */
  --e1: 0 1px 2px rgba(58, 36, 28, .08), 0 8px 22px -14px rgba(58, 36, 28, .35);
  --e2: 0 2px 6px -2px rgba(58, 36, 28, .12), 0 22px 44px -24px rgba(58, 36, 28, .5);
  --r-lg: 26px;
  --r-md: 18px;
  --r-sm: 12px;
  --hit: 44px;

  --display: "askNib Display", "Shantell Sans", ui-rounded, system-ui, sans-serif;
  --text: "Shantell Sans", ui-rounded, system-ui, sans-serif;
  --hand: "Caveat", "Shantell Sans", cursive;
  --display-wt: 700;
  --display-track: -.03em;
  --text-wt: 450;

  --ease: cubic-bezier(.2, .8, .2, 1);
}

/* Under the dark transform the desk takes the sheet's own light value, so it lands at the revision-notes mock-up's
   near-black (#090700) instead of the beige's brown (#171002). Light mode is untouched; nothing moves, only this one
   colour is chosen (#468, owner: "today's beige background and the near-black page"). */
/* Glass rides on that desk: cut from the darker cream with an ink edge (white flips to black), so a glass pill lands a
   shade lighter than the page, raised like the mock-up's, not a black hole in it. */
html[data-theme="dark"] { --desk: #FBF8F1; --glass: rgba(244, 239, 228, .9); --glass-edge: rgba(58, 36, 28, .12); }