/* Shared design tokens (docs/ui-design-system-contract.md). Grows as each phase needs a new
   token — do not pre-invent tokens nothing uses yet. Existing components keep their own
   radius/shadow values until the phase that owns them retrofits this file; do not mass-replace. */
:root{
  --icon-stroke-width:1.8;   /* one fixed stroke weight for every icon in the app, contract rule 1 */
  --icon-size:21px;
  --radius-surface:14px;     /* shared radius for menu / modal / message-bubble surfaces, contract rule 6 */
  --shadow-surface:0 12px 34px #183d3428;
  --duration-menu:165ms;     /* contract rule 2: 150-180ms */
  --duration-modal:200ms;    /* contract rule 3/7: 120-220ms */
}
.icon{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--icon-stroke-width);stroke-linecap:round;stroke-linejoin:round;flex:none}