/* 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, the page's column on the sidebar's gray (Lee,
   2026-11-14: its cards, tables, panels and fields stay white), 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: a row under the pointer on the gray sidebar and column, and small fills */
  --paper: #F7F7FA;  /* ledger 50: the panel, gridlines, a row under the pointer */
  --ground: #F7F7FA; /* ledger 50, the sidebar's gray: the ground of the page's column, under its white cards (Lee, 2026-11-14) */
  --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 */
}