/* CROMATIX — BORDERS & RADII.
   The brand is "minimalista, directo y pulcro": square corners, hairline
   rules. Radius is reserved for pills (tags) and circular avatars only. */
:root{
  --radius-none:0;
  --radius-sm:2px;
  --radius-pill:999px;
  --radius-circle:50%;

  --border-hairline:1px;
  --border-medium:2px;
  --border-heavy:4px;   /* editorial rule under section titles */

  --border-color:var(--gray-300);
  --border-color-strong:var(--black);
  --border-color-subtle:var(--gray-200);
  --border-color-inverse:rgba(255,255,255,.24);

  --rule:1px solid var(--gray-300); /* @kind other */
  --rule-strong:1px solid var(--black); /* @kind other */
  --rule-inverse:1px solid rgba(255,255,255,.24); /* @kind other */

  --focus-ring:2px solid var(--azul); /* @kind other */
  --focus-offset:2px; /* @kind other */
}