/*
 * Shape: radii, shadows, motion. The STRUCTURE is a rule of the line (core.md §17.6–17.7:
 * five radii by role, exactly three shadows, one transition length); the VALUES are a decision
 * of the product kit (project_files/ui/product-kit.md §4): the old kinvoice.app's — radii 4 / 8 / 12
 * (+ 6 for the choice tiles) and its two shadows, ink-tinted (16, 32, 44) like the text. Do not add a radius or a
 * shadow here — add a role to the rules first.
 */
:root {
  --radius-glyph: 4px;    /* a small square in a matrix, a calendar, a legend */
  --radius-badge: 4px;
  --radius-tile: 6px;     /* choice tiles only: owner 23.10.2026, a bit smaller than 8 — between the 4 and 8 of the scale */
  --radius-control: 8px;
  --radius: 8px;          /* card, window, control on a touch screen */
  --radius-lg: 12px;
  --stripe: 3px;          /* the accent stripe on a new table row */
  --toast-bar: 6px;       /* the coloured bar of a toast: the kind must read at a glance (A78) */

  /* Shadows: only these three */
  --shadow-pop: 0 4px 12px rgba(16, 32, 44, .10);     /* the old --shadow-2 */
  --shadow-modal: 0 12px 40px rgba(16, 32, 44, .16);  /* the old site had no window: the same ink, deeper */
  --shadow-card-hover: 0 1px 2px rgba(16, 32, 44, .06), 0 1px 3px rgba(16, 32, 44, .08);  /* the old --shadow-1 */

  --scrim: rgba(16, 32, 44, .32);
  --transition: 120ms;

  --opacity-busy: 0.6;    /* a region being redrawn (core.md §13.5) */
  --opacity-muted: 0.45;  /* a choice that cannot be picked now */
}