/* Hairlines and rules do the structural work that cards and shadows do
   elsewhere. Radius is zero everywhere except the floating controls
   (17 Oct 2026): 26px containers, pill buttons inside. */
:root{
  --os-radius:0;
  --os-radius-float:26px;
  --os-radius-pill:999px;

  --os-hairline:1px solid var(--os-border-hairline);
  --os-hairline-quiet:1px dotted var(--os-border-quiet);
  --os-hairline-firm:1px solid var(--os-border-firm);

  --os-rail-selected:inset 2px 0 0 var(--os-emerald);
  --os-rail-evidence:inset 1px 0 0 var(--os-border-firm);
  --os-rail-note:2px solid var(--os-attention);
  --os-rail-danger:2px solid var(--os-danger);

  --os-tab-active:2px solid var(--os-emerald);
  --os-field-focus:inset 0 -2px 0 var(--os-emerald);

  --os-underline-offset:3px;
  --os-staff-rule-height:3px;
}