/* The Ledger tone (Lee, 2026-11-11): Homer and Visitant. The look of the
   approved Homer screen (Option A13): soft cards, frames 1 px wide in a
   light gray, soft shadows, a white desk, and the grays of Ledger
   gray in ramps.css. Ink is the same as the Ink tone's. The frame gray
   lies between ledger 200 and ledger 300, as on the approved screen.

   Load this file after tokens.css and ramps.css, and before homer.css and
   parts.css. Copied from the shared style guide (~/Work/oblique,
   app/design/tones/ledger.css); Homer may change its copy. */

:root {
  /* Grays of the Ledger tone: words, lines and grounds */
  --ink: #1A1A2E;    /* darker than ledger 900: words, edges, a chart's one line */
  --grey: #55566B;   /* ledger 700: the second line, hints, the flash line, labels */
  --edge: #9A9BAC;   /* ledger 400: the period before, and Other in a chart */
  --line: #E4E5EC;   /* ledger 200: rules between rows, a frame that is not ready */
  --shade: #ECEDF2;  /* ledger 100: a track, a saved chip, a switch that is off */
  --desk: #FFFFFF;   /* white: the desk under the paper, as on the approved screen */
  --paper: #F7F7FA;  /* ledger 50: the panel, gridlines, a row under the pointer */
  --white: #FFFFFF;  /* buttons, fields and menus */
  --scrim: rgba(26, 26, 46, 0.45);

  /* Frames of the Ledger tone: how a part stands on the page */
  --frame: #D5D6E0;        /* between ledger 200 and 300: the frame of a button, a menu, a switch, a box and the page */
  --field-frame: #D5D6E0;  /* the same light gray: the frame of a field, a choice chip and an option card */
  --frame-width: 1px;
  --edge-button: 0 1px 2px rgba(16, 24, 40, 0.06);
  --edge-dialog: 0 12px 32px rgba(16, 24, 40, 0.16);
  --edge-panel: 0 1px 2px rgba(16, 24, 40, 0.05), 0 2px 6px rgba(16, 24, 40, 0.05);
  --press: 1px;                  /* how far a button, a tile or a pressed toggle sinks: a soft shadow is shallow */
}